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


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 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
Javascript匿名函数的一种应用 代码封装
Jun 27 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
Oct 22 Javascript
css配合jquery美化 select
Nov 29 Javascript
js与css实现弹出层覆盖整个页面的方法
Dec 13 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
JS继承与闭包及JS实现继承的三种方式
Oct 15 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
vue+Element实现搜索关键字高亮功能
May 28 Javascript
Vue3.x源码调试的实现方法
Oct 13 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
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
php下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
php实现求相对时间函数
2015/06/15 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
aspx中利用js实现确认删除代码
2010/07/22 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
2012/02/10 Javascript
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
Extjs4 关于Store的一些操作(加载/回调/添加)
2013/04/18 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
javascript实现五星评价代码(源码下载)
2015/08/11 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
浅谈vue-cli 3.0.x 初体验
2018/04/11 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
对python模块中多个类的用法详解
2019/01/10 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
python批量爬取下载抖音视频
2019/06/17 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
浅谈SciPy中的optimize.minimize实现受限优化问题
2020/02/29 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
Python 通过正则表达式快速获取电影的下载地址
2020/08/17 Python
HTML5表格_动力节点Java学院整理
2017/07/11 HTML / CSS
耐克美国官网:Nike.com
2016/08/01 全球购物
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
工作个人的自我评价
2014/01/14 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
初中教师业务学习材料
2014/05/12 职场文书
班主任培训研修日志
2015/11/13 职场文书
小学生反邪教心得体会
2016/01/15 职场文书