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

 更新时间: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学习笔记(十)

    今天学习的是window对象,还是有点用的。
    2010-01-01
  • innerhtml用法 innertext用法 以及innerHTML与innertext的区别

    innerhtml用法 innertext用法 以及innerHTML与innertext的区别

    innerhtml用法 innertext用法 以及innerHTML与innertext的区别,看完这个大家以后在实际应用中,就可以选择合适的方法。尽可能的考虑到兼容性。
    2009-10-10
  • jscript之Open an Excel Spreadsheet

    jscript之Open an Excel Spreadsheet

    jscript之Open an Excel Spreadsheet...
    2007-06-06
  • js打开新窗口方法整理

    js打开新窗口方法整理

    js打开新窗口的方法有很多,本文大致整理了一些,需要的朋友可以参考下
    2014-02-02
  • 微信小程序indexOf的替换方法(推荐)

    微信小程序indexOf的替换方法(推荐)

    这篇文章主要介绍了微信小程序indexOf的替换方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • JavaScript滑动验证功能实现详细代码

    JavaScript滑动验证功能实现详细代码

    这篇文章主要给大家介绍了关于JavaScript滑动验证功能实现的相关资料,滑动拼图验证功能是一种常见的网站人机验证方法,旨在防止恶意机器人或自动化程序对网站进行恶意攻击,需要的朋友可以参考下
    2024-06-06
  • 常见的JS字符串属性与方法集锦

    常见的JS字符串属性与方法集锦

    字符串的操作在js中非常频繁,也非常重要,下面这篇文章主要给大家介绍了关于JS字符串属性与方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-01-01
  • js实现淘宝固定侧边栏

    js实现淘宝固定侧边栏

    这篇文章主要为大家详细介绍了js实现淘宝固定侧边栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 详解原生js实现offset方法

    详解原生js实现offset方法

    本篇文章主要介绍了原生js实现offset方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • JavaScript版本迷局介绍

    JavaScript版本迷局介绍

    有人说喜欢一个人,没必要了解她的过去,然而想读懂一个人,却需要了解她的过去。
    2011-01-01

最新评论