浏览器标题闪烁


效果图:

js代码:

    <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];
            },
            // 取消新消息提示
            clear: function () {
                clearTimeout(message.timer);
                document.title = message.title;
            }
        };
        message.show();
        // 页面加载时绑定点击事件,单击取消闪烁提示
        function bind() {
            document.onclick = function () {
                message.clear();
            };
        }
    </script>

优质内容筛选与推荐>>
1、ASP.NET MVC5+EF6+EasyUI 后台管理系统(7)-MVC与EasyUI DataGrid
2、IT销售之道和做生意十忌
3、JSP之c:foreach
4、BZOJ 1407: [Noi2002]Savage( 数论 )
5、吴恩达 深度学习 纪要(1.3)


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号