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


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 相关文章推荐
基于mootools插件实现遮罩层新手引导
May 24 Javascript
javascript测试题练习代码
Oct 10 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
Jul 28 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
JS实现图片预加载之无序预加载功能代码
May 12 Javascript
AngularJS折叠菜单实现方法示例
May 18 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
JS解决position:sticky的兼容性问题的方法
Oct 17 Javascript
JS实现的判断方法、变量是否存在功能示例
Mar 28 Javascript
JavaScript实现动态生成表格
Aug 02 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
二次元帅气男生排行榜,只想悄悄收藏系列
2020/03/04 日漫
PHP中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
php实现36进制与10进制转换功能示例
2017/01/10 PHP
让IE8支持DOM 2(不用框架!)
2009/12/31 Javascript
单击复制文字兼容各浏览器的完美解决方案
2013/07/04 Javascript
jquery mobile实现拨打电话功能的几种方法
2013/08/05 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
简单介绍JavaScript中字符串创建的基本方法
2015/07/07 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
JS基于递归实现网页版计算器的方法分析
2017/12/20 Javascript
vue的一个分页组件的示例代码
2017/12/25 Javascript
node打造微信个人号机器人的方法示例
2018/04/26 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
python多线程同步之文件读写控制
2021/02/25 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
Python爬虫设置ip代理过程解析
2020/07/20 Python
Order by的几种用法
2013/06/16 面试题
学生的自我鉴定范文
2013/10/24 职场文书
策划助理岗位职责
2013/11/18 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
《锄禾》教学反思
2014/04/08 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
公司庆典欢迎词
2015/01/26 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书
超级实用的公文标题大全!
2019/07/19 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB