浏览器新消息title提示

2018-07-19  本文已影响0人  G_whk
let message = {
    time: 0,
    title: document.title,
    timer: null,
    // 显示新消息提示  
    show: function () {
      let 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();
    };
  }
  bind();
上一篇下一篇

猜你喜欢

热点阅读