利用JS实现浏览器的title闪烁

2024-05-06 14:37:51

字体：大中小

来源：转载

供稿：网友

主要是通过setTimeout方法设置一个定时器，切换消息提示，从而达title到消息提示的闪烁。
代码如下:
<html>
<head>
    <title>JS效果-浏览器标题栏闪烁</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript">
        // 使用message对象封装消息
        var message = {
            time: 0,
            title: document.title,
            timer: null,
            // 显示新消息提示
            show: function () {
                var title = message.title.replace("【　　　】", "").replace("【新消息】", "");
                // 定时器，设置消息切换频率闪烁效果就此产生
                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];
            },

上一篇：解析使用JS 清空File控件的路径值

下一篇：使用JS 清空File控件的路径值