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


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控制css中的float的代码
Aug 16 Javascript
浅析jQuery1.8的几个小变化
Dec 10 Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 Javascript
JavaScript中的setUTCDate()方法使用详解
Jun 11 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
Jan 05 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 Javascript
分享vue里swiper的一些坑
Aug 30 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常量的详解
2013/06/09 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
php创建图像具体步骤
2017/03/13 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
js判断变量初始化的三种形式及推荐用的形式
2014/07/22 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
JavaScript中的some()方法使用详解
2015/06/09 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
AngularJs Understanding the Controller Component
2016/09/02 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
Vue中保存用户登录状态实例代码
2017/06/07 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
2017/06/13 jQuery
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
AngularJS实现动态切换样式的方法分析
2018/06/26 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
ES6 新增的创建数组的方法(小结)
2019/08/01 Javascript
JS实现可视化音频效果的实例代码
2020/01/16 Javascript
详解Vue的ref特性的使用
2020/01/24 Javascript
python实现代理服务功能实例
2013/11/15 Python
Python3连接MySQL(pymysql)模拟转账实现代码
2016/05/24 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
python基于property()函数定义属性
2020/01/22 Python
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
Html5元素及基本语法详解
2016/08/02 HTML / CSS
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
Orvis官网:自1856年以来,优质服装、飞钓装备等
2018/12/17 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
2015新年寄语大全
2014/12/08 职场文书
佛光寺导游词
2015/02/10 职场文书
环保宣传语大全
2015/07/13 职场文书
python中pandas.read_csv()函数的深入讲解
2021/03/29 Python