码迷,mamicode.com
首页 > Web开发 > 详细

网页标题title的闪动提示

时间:2017-05-28 17:28:46      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:name   ext   body   oct   play   element   catch   try   interval   

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Instagram</title>
</head>
<body>
    
</body>
<script type="text/javascript" language="javascript">  
  
    var flashTitlePlayer = {  

        start: function (msg) {  
 
            this.title = document.title;  
 
            if (!this.action) {  
 
                try {  
 
                    this.element = document.getElementsByTagName(‘title‘)[0];  
 
                    this.element.innerHTML = this.title;  
 
                    this.action = function (ttl) {  
  
                        this.element.innerHTML = ttl;  
 
                    };  
  
                } catch (e) {  
  
                    this.action = function (ttl) {  
  
                        document.title = ttl;  
  
                    }  
  
                    delete this.element;  
  
                }  
  
                this.toggleTitle = function () {  
  
                    this.action(‘【‘ + this.messages[this.index = this.index == 0 ? 1 : 0] + ‘】Instagram‘);  
  
                };  
  
            }  
  
            this.messages = [msg];  
  
            var n = msg.length;  
  
            var s = ‘‘;  
  
            if (this.element) {  
  
                var num = msg.match(/\w/g);  
  
                if (num != null) {  
  
                    var n2 = num.length;  
  
                    n -= n2;  
 
                    while (n2 > 0) {  
  
                        s += " ";  
  
                        n2--;  
  
                    }  
  
                }  
  
            }  
  
            while (n > 0) {  
 
                s += ‘ ‘;  
 
                n--;  
  
            };  
  
            this.messages.push(s);  
  
            this.index = 0;  
  
            this.timer = setInterval(function () {  
  
                flashTitlePlayer.toggleTitle();  
  
            }, 1000);  
  
        },  
 
        stop: function () {  
 
            if (this.timer) {  
  
                clearInterval(this.timer);  
 
                this.action(this.title);  
  
                delete this.timer;  
  
                delete this.messages;  
  
            }  
 
        }  
 
    };  
  
    function flashTitle(msg) {  
  
        flashTitlePlayer.start(msg);  
  
    }  
  
    function stopFlash() {  
 
        flashTitlePlayer.stop();  
  
    }  
    flashTitle(‘You have a new message‘);
</script>  
</html>

 

网页标题title的闪动提示

标签:name   ext   body   oct   play   element   catch   try   interval   

原文地址:http://www.cnblogs.com/719907411hl/p/6916020.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!