Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:45:37
original
1689 Les gens l'ont consulté

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal