JS實現瀏覽器的title閃爍

本文轉載自查看原文 2013-07-07 22:20 3160 JS

經常可以看見的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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 iNotify.js通知JS 實現瀏覽器的 title 閃爍、滾動、聲音提示、chrome、Firefox、Safari等系統通知。 js動態修改瀏覽器title JS動態修改微信瀏覽器中的title JS 動態改變瀏覽器title標題 JS動態更新微信瀏覽器中的title javascript修改瀏覽器title方法 JS動態修改瀏覽器標題 JAVASCRIPT修改瀏覽器TITLE方法 JS動態修改瀏覽器標題 vue修改瀏覽器的標題title vue 修改瀏覽器Title js實現瀏覽器下載圖片