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


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 dom和jquery分别实现简单增删改
Sep 11 Javascript
javascript实现连续赋值
Aug 10 Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
jQuery基于BootStrap样式实现无限极地区联动
Aug 26 Javascript
JS 全屏和退出全屏详解及实例代码
Nov 07 Javascript
Vue父子组建的简单通信之控制开关Switch的实现
Jun 04 Javascript
解决element ui select下拉框不回显数据问题的解决
Feb 20 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
vue props对象validator自定义函数实例
Nov 13 Javascript
vue添加自定义右键菜单的完整实例
Dec 08 Vue.js
由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
linux php mysql数据库备份实现代码
2009/03/10 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
jquery和js实现对div的隐藏和显示方法
2014/09/26 Javascript
JS运动基础框架实例分析
2015/03/03 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
2015/11/01 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
2016/01/05 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
一个简易时钟效果js实现代码
2020/03/25 Javascript
vue实现在表格里,取每行的id的方法
2018/03/09 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python语言的面相对象编程方式初步学习
2016/03/12 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
python文件转为exe文件的方法及用法详解
2019/07/08 Python
python日志模块logbook使用方法
2019/09/19 Python
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
2020/03/06 Python
浅析Python 责任链设计模式
2020/09/11 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
世界上最好的帽子:Tilley
2016/11/27 全球购物
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
光荣入党自我鉴定
2014/01/22 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
小学生读书笔记范文
2015/06/30 职场文书
被委托人身份证明
2015/08/07 职场文书
感谢信
2019/04/11 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js