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

160 阅读 0 评论 106 点赞

我是靠谱客的博主激昂小土豆，最近开发中收集的这篇文章主要介绍在标题栏显示新消息提示，很多公司项目中用到这个方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

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