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> 

  • 相关阅读:
    Centos 7安装python3(PY3.6)
    linux仅修改文件夹权限 分别批量修改文件和文件夹权限
    【工作手札】Nginx接口代理可跨域
    微信自定义分享链接信息(标题,图片和内容)实现过程
    ios 等保 删除 uiwebview
    postman 接口批量测试
    uniapp之 页面滑动 组件
    uniapp之 点击图片跳转详情 组件
    安装 node.js
    创建一个mpvue的小程序
  • 原文地址:https://www.cnblogs.com/zcttxs/p/2447144.html
Copyright © 2011-2022 走看看