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


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 相关文章推荐
form中限制文本字节数js代码
Jun 10 Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
js jquery数组介绍
Jul 15 Javascript
JS比较两个时间大小的简单示例代码
Dec 20 Javascript
javascript动态判断html元素并执行不同的操作
Jun 16 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 Javascript
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
May 23 Javascript
微信小程序实现批量倒计时功能
Nov 01 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/02 国漫
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
从零开始学习jQuery (三) 管理jQuery包装集
2011/02/23 Javascript
JavaScript事件处理器中的event参数使用介绍
2013/05/24 Javascript
封装了一个支持匿名函数的Javascript事件监听器
2014/06/05 Javascript
jQuery中:animated选择器用法实例
2014/12/29 Javascript
简介JavaScript中的setHours()方法的使用
2015/06/11 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
js实现导航吸顶效果
2017/02/24 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
2018/02/13 jQuery
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
微信小程序实现一张或多张图片上传(云开发)
2019/09/25 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
Vuex实现简单购物车
2021/01/10 Vue.js
使用Python的Scrapy框架编写web爬虫的简单示例
2015/04/17 Python
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
python实现mysql的单引号字符串过滤方法
2015/11/14 Python
python发送邮件脚本
2018/05/22 Python
Django框架验证码用法实例分析
2019/05/10 Python
解决django model修改添加字段报错的问题
2019/11/18 Python
详解Python遍历列表时删除元素的正确做法
2021/01/07 Python
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
香港家用健身器材、运动器材及健康美容仪器专门店:FitBoxx
2019/12/05 全球购物
园艺师求职信
2014/04/27 职场文书
生物技术专业求职信
2014/06/10 职场文书
项目申报专员岗位职责
2014/07/09 职场文书
师德师风自查材料
2014/10/14 职场文书
致地震灾区的慰问信
2015/03/23 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
特此通知格式
2015/04/27 职场文书
详细分析PHP7与PHP5区别
2021/06/26 PHP