Este artigo descreve o método do JS para alcançar o efeito imediato do tremor da barra de título da página da web. Compartilhe para sua referência. A análise específica é a seguinte:
Frequentemente, vemos o efeito trêmulo da barra de título da página da web em algumas ferramentas de bate -papo, como a sala de bate -papo com o tráfego atual. Vamos resumir um código rápido para a implementação da barra de título da página da web. Se você estiver interessado, consulte isso.
O projeto da empresa usa o efeito desse novo prompt de mensagem, que é usado principalmente para levar os usuários a terem novas mensagens. O código de implementação específico é o seguinte:
var newmessageRemind = {_ etapa: 0, _title: document.title, _timer: null, // Mostrar novos avisos de mensagem mostram: function () {var temps = newMessageRemind._title.replace ("【【【", ") .Est). {newmessageRemind.show (); // Escreva a operação de cookies aqui newMessageRemind._Step ++; if (newmessageRemind._step == 3) {newmessageRemind._step = 1}; 2) {document.title = "【nova mensagem】" + temps};}, 800); return [newmessageRemind._timer, newmessageRemind._title];}, // cancelar a nova mensagem PROMPT: function () {clearTimeout (newsessageremind._timer); aqui}}; Chamando para exibir um novo prompt de mensagem: newMessageRemind.show();
Ligue para cancelar o prompt de nova mensagem: newMessageRemind.clear();
Depois de ler o código acima, eu o otimizarei sozinho. Não importa o quê, eu posso absorver e aprender sozinho. :) Acho principalmente que o campo NewMessageMind em seu código é usado demais, parece denso e desconfortável. Pensei em mostrá -lo de uma maneira nova, então recebi o seguinte código:
var newMessageRemind = function () {var i = 0, title = document.title, loop; return {show: function () {loop = setInterval (function () {i ++; if (i == 1) document.title = '【nova mensagem】' + title; if (i == 2) document.title = '【】' + title; if (i == 3) i = 0;}, 800); }, pare: function () {clearInterval (loop); document.title = title; }}; } ();É muito mais fresco? ^_^
<! Doctype html> <html lang = "en-us"> <head> <meta charset = "utf-8"> <title> São férias! ! ! </title> </head> <body> <button id = "test"> stop </botão> <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 = '【nova mensagem】' + title; if (i == 2) document.title = '【】' + title; if (i == 3) i = 0;}, 800); }, pare: function () {clearInterval (loop); document.title = title; }};} (); newmessageRemind.show (); document.getElementById ('teste'). OnClick = function () {newmessageRemind.stop ();}; </sCript> </body> </html>Continue a compartilhar um
<SCRIPT> (function () {var originTitile = document.title, titletime; document.addeventListener ('visibilityChange', function () {if (document.hidden) {document.title = 'where the Dead Ghost foi! setTimeout (function () {document.title = origin;}, 2000);Espero que este artigo seja útil para a programação JavaScript de todos.