ホームページ >ウェブフロントエンド >jsチュートリアル >js_javascript スキルによって実装されたタイトル バーの新しいメッセージの点滅プロンプト効果

js_javascript スキルによって実装されたタイトル バーの新しいメッセージの点滅プロンプト効果

WBOY
WBOYオリジナル
2016-05-16 16:45:371723ブラウズ

この新しいメッセージ プロンプト効果は会社のプロジェクトで使用されており、主に新しいメッセージがあることをユーザーに思い出させるために使用されます。具体的な実装コードは次のとおりです:

コードをコピー コードは次のとおりです:

var newMessageRemind = {
_step: 0,
_title: document.title,
_timer: null,
//新規メッセージのプロンプトを表示
show: function() {
var temps = newMessageRemind._title.replace("【 】", "").replace("[新しいメッセージ]", "");
newMessageRemind._timer = setTimeout(function() {
newMessageRemind.show();
// Cookie の書き込みオペレーションhere
newMessageRemind._step ;
if (newMessageRemind._step == 3) {
newMessageRemind._step = 1
};
if (new MessageRemind._step == 1) {
document.title = "【 】 temps
800) ;
ドキュメント。 title = newMessageRemind._title;
//ここに Cookie オペレーションを書き込みます
}

};



新しいメッセージのリマインダーを表示するには呼び出します: newMessageRemind.show();

新しいメッセージのリマインダーをキャンセルするには呼び出します: newMessageRemind.clear();

もう 1 つ: この単純なコードは次のような問題を引き起こします:

つまり、サイトの多くのページを開くと、新しいニュースがあると、他のページが表示されるとすべてのページが点滅し続けます。メッセージを表示した後もプロンプトが表示されます。

当社では、Cookie を使用してこの問題を解決し、新しいメッセージを表示すると、タイトルが点滅するすべてのページでプロンプトがキャンセルされます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。