Dieser Artikel beschreibt die Methode von JS, um den flackernden schnellen Effekt der Webseiten -Titelleiste zu erreichen. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
In einigen Chat -Tools wie dem Chatraum mit dem aktuellen Datenverkehr sehen wir oft den flackernden Effekt der Webseiten -Titelleiste. Fassen wir einen Eingabeaufforderungscode für die Implementierung der flackernden Webseiten -Titelleiste zusammen. Wenn Sie interessiert sind, wenden Sie sich bitte darauf an.
Das Projekt des Unternehmens verwendet die Auswirkungen dieser neuen Nachrichtenaufforderung, die hauptsächlich verwendet wird, um Benutzer zu neuen Nachrichten zu fordern. Der spezifische Implementierungscode lautet wie folgt:
var newmessageremind = {_ Schritt: 0, _title: document.title, _timer: null, // Neue Nachrichtenaufforderungen anzeigen: function () {var temps = newmessageremind._title.replace ("【】", ") .Replace (" 【New Message】 ",", "; {newmessageremind.show (); // Schreiben Sie die Cookie -Operation hier NewMessageremind._Step ++; if (newmessageremind._step == 3) {newmessageremind._step = 1}; 2) {document.title = "【Neue Nachricht】" + temps};}, 800); return [newmessageremind._timer, newmessageremind._title];}, // Die neue Nachricht Eingabeaufforderung Clear: function () {Cleartimeout (Newmessageremind._Timer). Hier}}; Rufen Sie an, um eine neue Nachricht anzuzeigen. Eingabeaufforderung: newMessageRemind.show();
Rufen Sie an, um die neue Nachricht zu kündigen: newMessageRemind.clear();
Nachdem ich den obigen Code gelesen habe, werde ich ihn selbst optimieren. Egal was, ich kann es selbst aufnehmen und lernen. :) Ich denke hauptsächlich, dass das Feld NewMessageremind in seinem Code zu sehr verwendet wird, es sieht dicht und unangenehm aus. Ich dachte daran, es auf frische Weise zu zeigen, also bekam ich den folgenden Code:
var newmessageremind = function () {var i = 0, title = document.title, Loop; return {show: function () {loop = setInterval (function () {i ++; if (i == 1) document.title = '【Neue Nachricht】' + title; if (i == 2) document.title = '【】' + title; if (i == 3) i = 0;}, 800); }, stop: function () {ClearInterval (Schleife); document.title = title; }}; } ();Ist es viel frischer? ^_^
<! DocType html> <html lang = "en-us"> <kopf> <meta charset = "utf-8"> <title> Es ist Urlaub! ! ! </title> </head> <body> <button id = "test"> stop </button> <script type = "text/javaScript"> var newmessageremind = function () {var i = 0, title = document.title, Loop; return {show: function () {loop = setInterval (function () {i ++; if (i == 1) document.title = '【Neue Nachricht】' + title; if (i == 2) document.title = '【】' + title; if (i == 3) i = 0;}, 800); }, stop: function () {ClearInterval (Schleife); document.title = title; }};} (); newmessageremind.show (); document.getElementById ('test'). onclick = function () {newmessageremind.stop ();}; </script> </body> </html>>Weiterhin einen teilen
<Script> (function () {var origintitu = document.title, titletime; document.adDeventListener ('VisibilityChange', function () {if (document.hidden) {document.title = 'Wo the Dead Ghost ging!'; setTimeout (function () {document.title = origintituil;}, 2000);Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.