传统方法

实现方式:通过闪烁页面的标题

实现方法:使用定时器不断地修改document.title的值

 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;
        };
js代码

相关文章: