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


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 相关文章推荐
Javascript alert消息换行的方法
Aug 07 Javascript
浅析JavaScript原型继承的陷阱
Dec 03 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
Jun 22 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
浅谈js原生拖放
Nov 21 Javascript
基于jQuery封装的分页组件
Jun 26 jQuery
JS使用百度地图API自动获取地址和经纬度操作示例
Apr 16 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 Javascript
小程序实现上传视频功能
Aug 18 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做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
Javascript面向对象编程(二) 构造函数的继承
2011/08/28 Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
2013/04/02 Javascript
使用Java实现简单的server/client回显功能的方法介绍
2013/05/03 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
与Math.pow 相反的函数使用介绍
2014/08/04 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
JS中script标签defer和async属性的区别详解
2016/08/12 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
红黑树的插入详解及Javascript实现方法示例
2018/03/26 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
Python中字典的基础知识归纳小结
2015/08/19 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
python解析json串与正则匹配对比方法
2018/12/20 Python
Python将json文件写入ES数据库的方法
2019/04/10 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
python装饰器相当于函数的调用方式
2019/12/27 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
Pytest mark使用实例及原理解析
2020/02/22 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
PyCharm 2020.2 安装详细教程
2020/09/25 Python
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
行政经理的岗位职责
2013/11/23 职场文书
物流仓管员岗位职责
2013/12/04 职场文书
单位领导证婚词
2014/01/14 职场文书
业务总经理岗位职责
2014/02/03 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
团日活动总结格式
2015/05/11 职场文书
合同审查法律意见书
2015/06/04 职场文书
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫