在标题栏显示新消息提示,很多公司项目中用到这个方法

复制代码 代码如下:

  <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>