Maison  >  Article  >  interface Web  >  Barre de titre, nouveau message clignotant, effet d'invite implémenté par les compétences js_javascript

Barre de titre, nouveau message clignotant, effet d'invite implémenté par les compétences js_javascript

WBOY
WBOYoriginal
2016-05-16 16:45:371682parcourir

Cet effet d'invite de nouveau message est utilisé dans les projets de l'entreprise et est principalement utilisé pour rappeler aux utilisateurs qu'il y a de nouveaux messages. Le code d'implémentation spécifique est le suivant :

Copier le code Le code est le suivant :

var newMessageRemind = {
_step : 0,
_title: document.title,
_timer: null,
//Afficher l'invite de nouveau message
show: function() {
var temps = newMessageRemind._title.replace("【 】", "").replace("[Nouveau message]", "");
newMessageRemind._timer = setTimeout(function() {
newMessageRemind.show();
//Opération d'écriture de cookie ici
newMessageRemind._step ;
if (newMessageRemind._step == 3) {
newMessageRemind._step = 1
};
if (new MessageRemind._step == 1) {
                         document.title = "【  】" temps
                                                                                                                                                          },
        800 ;
document.title = newMessageRemind._title;
//Écrire l'opération Cookie ici
}

};



Appelez pour afficher le rappel d'un nouveau message : newMessageRemind.show();

Appelez pour annuler le rappel de nouveau message : newMessageRemind.clear();

Autre : ce code simple provoquera le problème suivant :
C'est-à-dire que lorsque vous ouvrez plusieurs pages d'un site, s'il y a de nouvelles nouvelles, toutes les pages continueront de clignoter tandis que d'autres pages le feront. toujours rapide après avoir vu le message.

Notre société résout le problème en utilisant des cookies. Lors de la visualisation de nouveaux messages, toutes les pages dont les titres clignotent annuleront l'invite.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn