JS实现浏览器的title闪烁

  • 经常可以看见的title里面的消息提示,下面是JS的一种实现方法:主要是通过setTimeout方法设置一个定时器,切换消息提示,从而达title到消息提示的闪烁。
  • <html>  
    <head>  
        <title>JS效果-浏览器标题栏闪烁</title>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
        <script type="text/javascript">  
            // 使用message对象封装消息  
            var message = {  
                time: 0,  
                title: document.title,  
                timer: null,  
                // 显示新消息提示  
                show: function () {  
                    var title = message.title.replace("【   】", "").replace("【新消息】", "");  
                    // 定时器,设置消息切换频率闪烁效果就此产生  
                    message.timer = setTimeout(function () {  
                        message.time++;  
                        message.show();  
                        if (message.time % 2 == 0) {  
                            document.title = "【新消息】" + title  
                        }  
      
                        else {  
                            document.title = "【   】" + title  
                        };  
                    }, 600);  
                    return [message.timer, message.title];  
                },  
                // 取消新消息提示  
                clear: function () {  
                    clearTimeout(message.timer);  
                    document.title = message.title;  
                }  
            };  
            message.show();  
            // 页面加载时绑定点击事件,单击取消闪烁提示  
            function bind() {  
                document.onclick = function () {  
                    message.clear();  
                };  
            }  
        </script>  
    </head>  
    <body onload="bind();">  
        点击页面取消消息闪烁提示  
       <!-- 转转自:http://blog.csdn.net/dannywj1371/article/details/7945864-->  
    
    </body>  
    </html>  
原文地址:https://www.cnblogs.com/drcoding/p/jstitle.html