美文网首页
浏览器新消息title提示

浏览器新消息title提示

作者: G_whk | 来源:发表于2018-07-19 14:23 被阅读0次
    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();
    

    相关文章

      网友评论

          本文标题:浏览器新消息title提示

          本文链接:https://www.haomeiwen.com/subject/gdrtmftx.html