通过闪烁标题来实现web消息通知的效果

阅读 502 标签:Bootstrap  Jquery  

一段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;
    };
文章来源:网络 版权归原作者所有,如涉及知识产权问题,请权利人联系我们,我们将立即处理.
标签: Bootstrap Jquery
专栏:   前端经验分享
偷得浮生半日闲
文章 6 获得 0个赞 共 0个粉丝

推荐阅读 更多精彩内容