在標(biāo)題欄顯示新消息提示，很多公司項目中用到這個方法
更新時間：2011年11月04日 17:27:26 作者：
在標(biāo)題欄顯示新消息提示，很多公司項目中用到這個方法,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
javascript實現(xiàn)日期三級聯(lián)動下拉框選擇菜單
這篇文章主要介紹了javascript實現(xiàn)日期三級聯(lián)動下拉框選擇菜單，實現(xiàn)JS年月日三級聯(lián)動下拉框選擇功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了使用typescript類型來實現(xiàn)快排詳情，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了JS監(jiān)聽滾動和id自動定位滾動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了JavaScript中的對象的extensible屬性介紹,JavaScript中，對象的extensible屬性用于表示是否允許在對象中動態(tài)添加新的property,需要的朋友可以參考下2014-12-12
下面小編就為大家?guī)硪黄獪\析創(chuàng)建javascript對象的方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了BootStrap給table表格的每一行添加一個按鈕事件的相關(guān)資料,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了JS代碼簡潔方式之函數(shù)方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
這篇文章主要介紹了新手快速入門JavaScript裝飾者模式與AOP,在不改變對象）的情況下動態(tài)的為其添加功能,這就是裝飾者模式，下面小編帶大家來深入學(xué)習(xí)一下吧2019-06-06
本篇文章主要介紹了使用Dropzone.js上傳的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了原生js實現(xiàn)的觀察者和訂閱者模式,結(jié)合簡單實例形式分析了js觀察者和訂閱者模式的相關(guān)原理與實現(xiàn)技巧,需要的朋友可以參考下2020-04-04