js页面新消息提示

本文转载自查看原文 2012-11-18 23:11 10453 javascript

js页面新消息提示
多加了一个变量isusing，默认值为false，判断是否是newMessageRemind.show()是否已运行，如果运行，不提示，否则提示。
点击document时取消提示。

<!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>

参考：js实现HTML标题栏中新消息提示效果

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js实现HTML标题栏中新消息提示效果 jQuery闪烁提示，让新消息在网页标题显示浏览器有新消息之后，图标在电脑任务栏闪烁提示页面消息提示，上下滚动 Delphi 10.4.2最新消息 Delphi 10.3最新消息 Delphi 11 最新消息 Delphi 10.3.3最新消息 Delphi 10.3.2最新消息 protobuf 更新消息和扩展，包