标题栏新消息提示效果

公司的项目中用到了这个新消息提示的效果，主要用于提示用户有新消息。具体实现代码如下：
 

JavaScript Code 复制内容到剪贴板

1.   
2. var newMessageRemind={   
3. _step: 0,   
4. _title: document.title,   
5. _timer: null,   
6. //显示新消息提示   
7. show:function(){   
8. var temps = newMessageRemind._title.replace("【　　　】", "").replace("【新消息】", "");   
9. newMessageRemind._timer = setTimeout(function() {   
10. newMessageRemind.show();   
11. //这里写Cookie操作   
12. newMessageRemind._step++;   
13. if (newMessageRemind._step == 3) { newMessageRemind._step = 1 };   
14. if (newMessageRemind._step == 1) { document.title = "【　　　】" + temps };   
15. if (newMessageRemind._step == 2) { document.title = "【新消息】" + temps };   
16. }, 800);   
17. return [newMessageRemind._timer, newMessageRemind._title];   
18. },   
19. //取消新消息提示   
20. clear: function(){   
21. clearTimeout(newMessageRemind._timer );   
22. document.title = newMessageRemind._title;   
23. //这里写Cookie操作   
24. }   
25.   
26. };  

调用显示新消息提示：newMessageRemind.show();

调用取消新消息提示：newMessageRemind.clear();

查看demo：

 

   提示:可以修改后运行.

另：单纯的这个代码会出现这么一个问题：
就是当你打开一个站点很多张页面的时候，如过有新消息，那么所有页面都会不停的闪，当你查看消息后其他页面仍会提示。

我们公司是通过使用Cookie的方式解决的，当查看新消息后所有标题闪动的页面将全部取消提示。