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


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 request函数 用来获取url参数
May 17 Javascript
js更优雅的兼容
Aug 12 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
Nov 03 Javascript
js for循环倒序输出数组元素的实例
Mar 01 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
vue组件发布到npm简单步骤
Nov 30 Javascript
浅析Node.js非对称加密方法
Jan 29 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
May 07 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 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
?生?D片??C字串
2006/12/06 PHP
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
PHP采集类snoopy详细介绍(snoopy使用教程)
2014/06/19 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
php随机获取金山词霸每日一句的方法
2015/07/09 PHP
PHP实现事件机制的方法
2015/07/10 PHP
解决nginx不支持thinkphp中pathinfo的问题
2015/07/21 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
php实现微信企业付款到个人零钱功能
2018/10/09 PHP
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
2013/12/18 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
微信小程序wx:for和wx:for-item的用法详解
2018/04/01 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
2018/08/10 Javascript
Python中文件遍历的两种方法
2014/06/16 Python
Python中集合类型(set)学习小结
2015/01/28 Python
pycharm安装图文教程
2017/05/02 Python
python实现生命游戏的示例代码(Game of Life)
2018/01/24 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
Python定时任务sched模块用法示例
2018/07/16 Python
python文件处理fileinput使用方法详解
2020/01/02 Python
深入浅析CSS3中的Flex布局整理
2020/04/27 HTML / CSS
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
北美领先的牛仔品牌:Buffalo David Bitton
2017/05/22 全球购物
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
如何获得EntityManager
2014/02/09 面试题
会计专业毕业生自荐信范文
2013/12/20 职场文书
公务员政审单位鉴定材料
2014/05/16 职场文书
环境工程专业自荐信范文
2014/06/24 职场文书
供用电专业求职信
2014/07/07 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
在宿舍喝酒的检讨书
2014/09/28 职场文书
组织生活会发言材料
2014/12/15 职场文书