zoukankan      html  css  js  c++  java
  • 在标题栏显示新消息提示,很多公司项目中用到这个方法

    <a href="#" onclick="clearNewMessageRemind();return false;">点击取消闪烁提示</a> 

    <script type="text/javascript"> 

    var newMessageRemind={

            _step: 0,

        _title: document.title,

        _timer: null,

            //显示新消息提示

            show:function(){

                    var temps = newMessageRemind._title.replace("【   】", "").replace("【新消息】", "");

                     newMessageRemind._timer = setTimeout(function() {

                newMessageRemind.show();

                            //这里写Cookie操作

                newMessageRemind._step++;

                if (newMessageRemind._step == 3) { newMessageRemind._step = 1 };

                if (newMessageRemind._step == 1) { document.title = "【   】" + temps };

                if (newMessageRemind._step == 2) { document.title = "【新消息】" + temps };

            }, 800);

            return [newMessageRemind._timer, newMessageRemind._title];

            },

            //取消新消息提示

            clear: function(){

                    clearTimeout(newMessageRemind._timer );

                    document.title = newMessageRemind._title;

                    //这里写Cookie操作

            }

                            

    };

    newMessageRemind.show();

    function clearNewMessageRemind() {

            newMessageRemind.clear();

    }

    </script> 

  • 相关阅读:
    postcss-pxtorem
    git命令记录
    伪类和伪元素
    JavaScript设计模式
    每日思考(2020/09/08)
    每日思考(2020/09/03)
    每日思考(2020/09/02)
    每日思考(2020/09/01)
    每日思考(2020/08/31)
    每日思考(2020/08/27)
  • 原文地址:https://www.cnblogs.com/zcttxs/p/2447144.html
Copyright © 2011-2022 走看看