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> 

  • 相关阅读:
    阅读 图解HTTP ,读书笔记
    javascript 红宝书笔记之操作日期
    设计模式之抽象工厂模式
    设计模式之工厂方法模式
    数据库知识点③
    设计模式之装饰者模式
    设计模式之观察者模式
    心理控制方法——阅读Notes
    使用PL/SQL编写存储过程访问数据库
    《认知盈余》——阅读感受与体会
  • 原文地址:https://www.cnblogs.com/520wife/p/2233175.html
Copyright © 2011-2022 走看看