欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用JS實(shí)現(xiàn)瀏覽器的title閃爍

 更新時(shí)間:2013年07月08日 09:39:39   作者:  
經(jīng)常可以看見(jiàn)的title里面的消息提示,下面是JS的一種實(shí)現(xiàn)方法,需要的朋友可以參考下
主要是通過(guò)setTimeout方法設(shè)置一個(gè)定時(shí)器,切換消息提示,從而達(dá)title到消息提示的閃爍。
復(fù)制代碼 代碼如下:

<html> 
<head> 
    <title>JS效果-瀏覽器標(biāo)題欄閃爍</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <script type="text/javascript"> 
        // 使用message對(duì)象封裝消息 
        var message = { 
            time: 0, 
            title: document.title, 
            timer: null, 
            // 顯示新消息提示 
            show: function () { 
                var title = message.title.replace("【   】", "").replace("【新消息】", ""); 
                // 定時(shí)器,設(shè)置消息切換頻率閃爍效果就此產(chǎn)生 
                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(); 
        // 頁(yè)面加載時(shí)綁定點(diǎn)擊事件,單擊取消閃爍提示 
        function bind() { 
            document.onclick = function () { 
                message.clear(); 
            }; 
        } 
    </script> 
</head> 
<body> 
    點(diǎn)擊頁(yè)面取消消息閃爍提示 
</body> 
</html>

相關(guān)文章

  • 怎樣用Javascript實(shí)現(xiàn)單例模式

    怎樣用Javascript實(shí)現(xiàn)單例模式

    這篇文章主要介紹了怎樣用Javascript實(shí)現(xiàn)單例模式,想學(xué)習(xí)設(shè)計(jì)模式的同學(xué),可以參考下
    2021-04-04
  • JS 對(duì)輸入框進(jìn)行限制(常用的都有)

    JS 對(duì)輸入框進(jìn)行限制(常用的都有)

    本文為大家介紹下使用js對(duì)輸入框進(jìn)行限制:文本框只能輸入數(shù)字代碼、只能輸入數(shù)字、只能輸入字母和漢字、只能輸入英文字母和數(shù)字等等,還有很多,感興趣的可以學(xué)習(xí)下
    2013-07-07
  • JavaScript基于對(duì)象去除數(shù)組重復(fù)項(xiàng)的方法

    JavaScript基于對(duì)象去除數(shù)組重復(fù)項(xiàng)的方法

    這篇文章主要介紹了JavaScript基于對(duì)象去除數(shù)組重復(fù)項(xiàng)的方法,結(jié)合實(shí)例形式分析了javascript數(shù)組去重的操作步驟與具體實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2016-10-10
  • 詳解JavaScript基于面向?qū)ο笾畡?chuàng)建對(duì)象(1)

    詳解JavaScript基于面向?qū)ο笾畡?chuàng)建對(duì)象(1)

    這篇文章主要介紹了JavaScript基于面向?qū)ο笾畡?chuàng)建對(duì)象,對(duì)創(chuàng)建對(duì)象進(jìn)行了詳細(xì)描述,感興趣的小伙伴們可以參考一下
    2015-12-12
  • JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法

    JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法

    這篇文章主要介紹了JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法,實(shí)例分析了javascript使用object類定義對(duì)象及屬性的用法,需要的朋友可以參考下
    2015-03-03
  • D3.js實(shí)現(xiàn)繪制和弦圖的教程詳解

    D3.js實(shí)現(xiàn)繪制和弦圖的教程詳解

    弦圖,是一種表示實(shí)體之間相互關(guān)系的圖形方法。這篇文章主要為大家詳細(xì)介紹了如何通過(guò)D3.js實(shí)現(xiàn)繪制和弦圖,文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)D3.js有一定的幫助,需要的可以參考一下
    2022-11-11
  • JavaScript之HTMLCollection接口代碼

    JavaScript之HTMLCollection接口代碼

    JavaScript之HTMLCollection接口代碼,需要的朋友可以參考下。
    2011-04-04
  • elementui更改el-dialog關(guān)閉按鈕的圖標(biāo)d的示例代碼

    elementui更改el-dialog關(guān)閉按鈕的圖標(biāo)d的示例代碼

    這篇文章主要介紹了elementui更改el-dialog關(guān)閉按鈕的圖標(biāo),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-08-08
  • js中復(fù)選框的取值及賦值示例詳解

    js中復(fù)選框的取值及賦值示例詳解

    這篇文章主要給大家介紹了關(guān)于js中復(fù)選框的取值及賦值的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • JS設(shè)計(jì)模式之命令模式概念與用法分析

    JS設(shè)計(jì)模式之命令模式概念與用法分析

    這篇文章主要介紹了JS設(shè)計(jì)模式之命令模式概念與用法,簡(jiǎn)單描述了命令模式的原理、功能并結(jié)合javascript實(shí)例形式分析了命令模式相關(guān)定義與使用技巧,需要的朋友可以參考下
    2018-02-02

最新評(píng)論