首頁  >  文章  >  web前端  >  js實作的標題列新訊息閃爍提示效果_javascript技巧

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

WBOY
WBOY原創
2016-05-16 16:45:371685瀏覽

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

複製程式碼 程式碼如下:

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的方式解決的,當查看新訊息後所有標題閃爍的頁面將全部取消提示。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn