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 更新消息和擴展，包