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

 更新时间:2011年11月04日 17:27:26   作者:  
在标题栏显示新消息提示,很多公司项目中用到这个方法,需要的朋友可以参考下。
复制代码 代码如下:

<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实现日期三级联动下拉框选择菜单

    javascript实现日期三级联动下拉框选择菜单

    这篇文章主要介绍了javascript实现日期三级联动下拉框选择菜单,实现JS年月日三级联动下拉框选择功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • 使用typescript类型来实现快排详情

    使用typescript类型来实现快排详情

    这篇文章主要介绍了使用typescript类型来实现快排详情,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • JS监听滚动和id自动定位滚动

    JS监听滚动和id自动定位滚动

    这篇文章主要为大家详细介绍了JS监听滚动和id自动定位滚动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JavaScript中的对象的extensible属性介绍

    JavaScript中的对象的extensible属性介绍

    这篇文章主要介绍了JavaScript中的对象的extensible属性介绍,JavaScript中,对象的extensible属性用于表示是否允许在对象中动态添加新的property,需要的朋友可以参考下
    2014-12-12
  • 浅析创建javascript对象的方法

    浅析创建javascript对象的方法

    下面小编就为大家带来一篇浅析创建javascript对象的方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • BootStrap给table表格的每一行添加一个按钮事件

    BootStrap给table表格的每一行添加一个按钮事件

    这篇文章主要介绍了BootStrap给table表格的每一行添加一个按钮事件的相关资料,需要的朋友可以参考下
    2017-09-09
  • JS代码简洁方式之函数方法详解

    JS代码简洁方式之函数方法详解

    这篇文章主要介绍了JS代码简洁方式之函数方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 新手快速入门JavaScript装饰者模式与AOP

    新手快速入门JavaScript装饰者模式与AOP

    这篇文章主要介绍了新手快速入门JavaScript装饰者模式与AOP,在不改变对象)的情况下动态的为其添加功能,这就是装饰者模式,下面小编带大家来深入学习一下吧
    2019-06-06
  • 使用Dropzone.js上传的示例代码

    使用Dropzone.js上传的示例代码

    本篇文章主要介绍了使用Dropzone.js上传的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 原生js实现的观察者和订阅者模式简单示例

    原生js实现的观察者和订阅者模式简单示例

    这篇文章主要介绍了原生js实现的观察者和订阅者模式,结合简单实例形式分析了js观察者和订阅者模式的相关原理与实现技巧,需要的朋友可以参考下
    2020-04-04

最新评论