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


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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
jquery中.add()的使用分析
Apr 26 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
利用JS来控制键盘的上下左右键(示例代码)
Dec 14 Javascript
收集json解析的四种方法分享
Jan 17 Javascript
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
vue路由跳转传参数的方法
May 06 Javascript
layUI实现前端分页和后端分页
Jul 27 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采集速度探究总结(原创)
2008/04/18 PHP
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
通过修改referer下载文件的方法
2008/05/11 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
JavaScript日期类型的一些用法介绍
2015/03/02 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
JavaScript获取服务器端时间的方法
2016/11/29 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
详解搭建es6+devServer简单开发环境
2018/09/25 Javascript
js 计算图片内点个数的示例代码
2019/04/04 Javascript
django+js+ajax实现刷新页面的方法
2017/05/22 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
Python中pillow知识点学习
2018/04/30 Python
详解Python3注释知识点
2019/02/19 Python
Python多线程thread及模块使用实例
2020/04/28 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
Python‘==‘ 及 ‘is‘相关原理解析
2020/09/05 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
档案工作汇报材料
2014/08/21 职场文书
销售代理协议书
2014/09/30 职场文书
个性与发展自我评价
2015/03/06 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
2016年最美孝心少年事迹材料
2016/02/26 职场文书
python可视化之颜色映射详解
2021/09/15 Python