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


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 相关文章推荐
引用其它js时如何同时处理多个window.onload事件
Sep 02 Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 Javascript
node.js中的emitter.emit方法使用说明
Dec 10 Javascript
javascript手风琴下拉菜单实现代码
Nov 12 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
三种Node.js写文件的方式
Mar 08 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
jQuery 选择符详细介绍及整理
Dec 02 Javascript
BootStrap便签页的简单应用
Jan 06 Javascript
javascript删除html标签函数cIsHTML
Jan 09 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
May 03 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网站备份程序代码分享
2011/06/10 PHP
php合并js请求的例子
2013/11/01 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
thinkPHP3.2使用RBAC实现权限管理的实现
2019/08/27 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
JavaScript极简入门教程(三):数组
2014/10/25 Javascript
Javascript快速排序算法详解
2014/12/03 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
javascript框架设计之种子模块
2015/06/23 Javascript
Three.js学习之几何形状
2016/08/01 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
js for循环倒序输出数组元素的实例
2017/03/01 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
jQuery实现的手风琴侧边菜单效果
2017/03/29 jQuery
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
2019/08/15 Javascript
Python3基础之函数用法
2014/08/13 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
Python 50行爬虫抓取并处理图灵书目过程详解
2019/09/20 Python
python怎么判断模块安装完成
2020/06/19 Python
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
法国房车租赁网站:Yescapa
2019/08/26 全球购物
简历中个人自我评价范文
2013/12/26 职场文书
小班上学期评语
2014/05/05 职场文书
奉献演讲稿范文
2014/05/21 职场文书
公司租房协议书范本
2014/10/08 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
个人工作决心书
2015/09/22 职场文书
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android