js實作的標題列新訊息閃爍提示效果_javascript技巧

公司的專案中用到了這個新訊息提示的效果，主要用來提示使用者有新訊息。具體實作程式碼如下：

複製程式碼 程式碼如下:

var newMessageRemind = {
🎜>    _title: document.title,
    _timer: null,
    //顯示新訊息提示
    show: function() {        newMessageRemind._timer = setTimeout(function() {
    );     //這裡寫Cookie作業
            newMessageRemind._step ;
            if (newMessageRem essageRemind._step = 1
            };
             document.title = "【　　　】" temps
            };
               document.title = "【新訊息】" temps
            };
        },
        800);
        return [newMessageRemind._timer, newMessageRemind._title];        clearTimeout(newMessageRemind._timer) ;
        document.title = newMessageRemind._title;
        //這裡寫Cookie動作
        //這裡寫Cookie動作
    }
}

};



呼叫顯示新訊息提示：newMessageRemind.show();
呼叫取消新訊息提示：newMessageRemind.clear();

另：單純的這個程式碼會出現這麼一個問題：就是當你打開一個網站很多張頁面的時候，如過有新訊息，那麼所有頁面都會不停的閃，當你查看訊息後其他頁面仍會提示。

我們公司是透過使用Cookie的方式解決的，當查看新訊息後所有標題閃爍的頁面將全部取消提示。