网页title标题的闪动效果

通过网页title来提示用户有新消息这个功能很常见，比如现在的微博，还有一些邮箱，这个功能都很常见。

 显示信息数:

 <input type="text" id="textMsgs"/>

 <button title="开始闪动" onclick="flashTitle('您有' + document.getElementById('textMsgs').value + '条新信息');">开始闪动</button>

 <button title="停止闪动" onclick="stopFlash();">停止闪动</button>

 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] + '】来到博客园！');

                 };

             }

             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();

     }