В этой статье описывается метод JS для достижения быстрого оперативного эффекта панели заголовка веб -страницы. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Мы часто видим мерцающий эффект заглавной панели веб -страницы в некоторых инструментах чата, таких как чат с текущим трафиком. Давайте суммируем быстрый код для реализации мерцающей панели заголовок веб -страницы. Если вы заинтересованы, пожалуйста, обратитесь к этому.
Проект компании использует эффект этой новой подсказки сообщения, которая в основном используется для того, чтобы побудить пользователей иметь новые сообщения. Конкретный код реализации выглядит следующим образом:
var newmessageremind = {_ step: 0, _title: document.title, _timer: null, // show new message rephts show: function () {var temps = newmessageremind._title.replace ("【】", "") .Replace ("new Message】", "); {newmessagerEmind.show (); // Напишите операцию cookie здесь NewMessagerEmind._step ++; if (newmessageremind._step == 3) {newmessageremind._step = 1}; if (newmessageremind._step == 1) {document.title = "【】】" 2) {document.title = "【Новое сообщение】" + temps};}, 800); return [newmessageremind._timer, newmessageremind._title];}, // Отменить новое сообщение прозрачно: function () {cleartimeout (newmessageremind._timer) ;title = newmessageremind._title здесь}}; Вызов для отображения новой подсказки: newMessageRemind.show();
Звонок, чтобы отменить новое сообщение: newMessageRemind.clear();
Прочитав приведенный выше код, я сам оптимизирую его. Независимо от того, что я могу поглощать и изучать это сам. :) Я в основном думаю, что поле NewMessageMemind в его коде слишком много используется, это выглядит плотно и неудобно. Я думал о том, чтобы показать это по -новому, поэтому я получил следующий код:
var newmessageremind = function () {var i = 0, title = document.title, loop; return {show: function () {lo }, Stop: function () {clearInterval (loop); document.title = title; }}; } ();Это намного свежее? ^_^
<! Doctype html> <html lang = "en-us"> <head> <meta charset = "utf-8"> <title> Это отпуск! ! ! </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 () {lo }, Stop: function () {clearInterval (loop); document.title = title; }};} (); newmessageremind.show (); document.getElementById ('test'). OnClick = function () {newMessagerEmind.stop ();}; </script> </body> </html>Продолжать делиться одним
<script> (function () {var ourintitile = document.title, titletime; document.addeventListener ('visembibleChange', function () {if (document.hidden) {document.title = ', куда пошел мертвый призрак!'; cleartimeout (titletime);} else {document.title = '(つェ⊂) huh! setTimeout (function () {document.title = oryintitile;}, 2000);Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.