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


Posted in Javascript onNovember 04, 2011
<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>
Javascript 相关文章推荐
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
jQuery的层级查找方式分析
Jun 16 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
微信小程序 基础组件与导航组件详细介绍
Feb 21 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
Vue-不允许嵌套式的渲染方法
Sep 13 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
node使用request请求的方法
Dec 20 Javascript
JavaScript Window窗口对象属性和使用方法
Jan 19 Javascript
Vue实现跑马灯效果
May 25 Javascript
由Javascript实现的页面日历
Nov 04 #Javascript
jQuery中jqGrid分页实现代码
Nov 04 #Javascript
一个关于jqGrid使用的小例子(行按钮)
Nov 04 #Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 #Javascript
在网站上应该用的30个jQuery插件整理
Nov 03 #Javascript
关于URL中的特殊符号使用介绍
Nov 03 #Javascript
javascript学习基础笔记之DOM对象操作
Nov 03 #Javascript
You might like
php中数字0和空值的区别分析
2014/06/05 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
Javascript var变量隐式声明方法
2009/10/19 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
利用window.name实现windowStorage代码分享
2014/01/02 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
2014/04/16 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
Javascript刷新窗口方法小结
2015/10/21 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
2018/09/18 Javascript
js限制输入框只能输入数字(onkeyup触发)
2018/09/28 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
2020/07/17 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
Python unittest单元测试框架总结
2018/09/08 Python
用Python将结果保存为xlsx的方法
2019/01/28 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
django settings.py 配置文件及介绍
2019/07/15 Python
Python中logging日志库实例详解
2020/02/19 Python
教你如何用python操作摄像头以及对视频流的处理
2020/10/12 Python
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
护理职业应聘自荐书
2013/09/29 职场文书
工作表现评语
2014/01/19 职场文书
重阳节活动总结
2014/08/27 职场文书
2014离婚协议书范文
2014/09/10 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
武侯祠导游词
2015/02/04 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书