网页标题title的闪动提示

最新推荐文章于 2021-06-26 10:12:05 发布

Time，，

最新推荐文章于 2021-06-26 10:12:05 发布

阅读量595

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/kaka_2014/article/details/8940788

本文介绍了一种使用JavaScript实现网页标题闪烁效果的方法。通过修改页面标题并在定时器的作用下进行切换，达到吸引用户注意的目的。文章提供了完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自：http://www.nowamagic.net/librarys/veda/cate/JavaScript


<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] + '】欢迎访问简明现代魔法');
                };
            }
            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 += "&nbsp;";
                        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("start..");

</script>