通过闪烁标题来实现web消息通知的小demo

最新推荐文章于 2025-06-20 17:56:29 发布

小菜101

最新推荐文章于 2025-06-20 17:56:29 发布

阅读量980

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/github_36091081/article/details/75214858

js 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一段使用JavaScript编写的代码，该代码能够实现在网页上通过文档标题闪烁的方式来提醒用户有新的消息。此方法适用于不需要复杂通知机制的简单场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一段js代码模拟实现web消息推送的功能，通过闪烁文档的标题来实现，代码如下：

var titleInit = document.title, isShine = true;
    setInterval(function() {
        var title = document.title;
        if (isShine == true) {
            if (/新/.test(title) == false) {
                document.title = '【你有新消息】';    
            } else {
                document.title = '【　　　　　】';
            }
        } else {
            document.title = titleInit;
        }
    }, 500);

    window.onfocus = function() {
        isShine = false;
    };
    window.onblur = function() {
        isShine = true;
    };

    // for IE
    document.onfocusin = function() {
        isShine = false;
    };
    document.onfocusout = function() {
        isShine = true;
    };