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


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 相关文章推荐
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
用队列模拟jquery的动画算法实例
Jan 20 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
JavaScript String 对象常用方法详解
May 13 Javascript
在js中实现邮箱格式的验证方法(推荐)
Oct 24 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
Feb 11 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
JavaScript队列结构Queue实现过程解析
Mar 07 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函数)
2006/10/09 PHP
PHP文件操作实例总结【文件上传、下载、分页】
2018/12/08 PHP
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
2011/07/04 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
2013/12/27 Javascript
使用 js+正则表达式为关键词添加链接
2014/11/11 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
浅谈jQuery中事情的动态绑定
2017/02/12 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
用p5.js制作烟花特效的示例代码
2018/03/21 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
React实现全局组件的Toast轻提示效果
2018/09/21 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
微信小程序可滑动月日历组件使用详解
2019/10/21 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
pygame学习笔记(1):矩形、圆型画图实例
2015/04/15 Python
Python随手笔记第一篇(2)之初识列表和元组
2016/01/23 Python
jupyter安装小结
2016/03/13 Python
深入浅析python 中的匿名函数
2018/05/21 Python
关于Python作用域自学总结
2019/06/10 Python
python中resample函数实现重采样和降采样代码
2020/02/25 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
青年教师典范事迹材料
2014/01/31 职场文书
党员违纪检讨书
2014/02/18 职场文书
2014年五四青年节演讲比赛方案
2014/04/22 职场文书
员工考核评语大全
2014/04/26 职场文书
党的群众路线教育实践活动个人整改措施
2014/10/27 职场文书
培养联系人考察意见
2015/06/01 职场文书
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js