制作一个html中闪动的title 来提示消息

复制代码
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();
}
复制代码

 

posted @   李照耀  阅读(849)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示