<!DOCTYPE html>
<html>
<head>
<title>js页面新消息提示</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<input id="test" type="button" value="确定" />
<script>
var isusing = false;
var newMessageRemind={
_step: 0,
_title: document.title,
_timer: null,
//显示新消息提示
show:function(){
var temps = newMessageRemind._title.replace("【 】", "").replace("【新消息】", "");
newMessageRemind._timer = setTimeout(function() {
newMessageRemind.show();
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;
}
};
document.getElementById("test").onclick=function(){
if(!isusing){
isusing = true;
newMessageRemind.show();
}
}
document.onclick=function(event){
event = event || window.event;
var isone ="";
if(!document.all){
isone = event.target.id.toUpperCase();
}
else{
isone = event.srcElement.id.toUpperCase();
}
if(isone!=="TEST"){
isusing = false;
newMessageRemind.clear();
}
};
</script>
</body>
</html>- 最新发布
- linux下svn提交忽略某些文件... (215)
- 使用批处理来批量更新、提交SVN... (185)
- linux查看目录文件大小命令 (198)
- linux tar打包压缩排除某个... (173)
- Linux tar压缩和解压 (236)
- SVN子命令add用法浅析 (171)
- 热门博文
- 网友FBI探案：马蓉iPad惊人发现... (43391)
- 霍金携手俄罗斯富豪耗资1亿美元寻找外... (4794)
- 如何才能查看PHP内置函数源代码... (1249)
- 微信支付开发当前URL未注册的解决方... (623)
- 《谁为爱情买单》中的经典面试 ... (488)
- 让虚拟主机也用上SVN：适用于个人的... (432)
- 精华博文
- [推荐]Centos7 安装配置 SVN (202)
- easyswoole框架安装 (213)
- php开启pecl的支持(推荐) (203)
- 1-10个恋爱表现：男朋友爱你程度到... (205)
- 女生喜欢你的10个程度，到第六个就可... (180)
- Eclipse 没有Server选项... (257)
- 友情链接
- 我来忙 (110)