Timer de la page de rafraîchissement JavaScript

La mise en œuvre d'un temporisateur de page d'actualisation dans JavaScript est très utile car il permet aux utilisateurs de s'assurer que le contenu du site particulier est pertinent et à jour. De plus, il aide à mettre à jour une page Web ou un site en phase d'automatisation. De même, il permet aux utilisateurs finaux d'accéder au dernier contenu sur un site particulier en temps opportun.

Comment implémenter le temporisateur de page de réactualisation dans JavaScript?

Pour implémenter JavaScript du temporisateur de la page de rafraîchissement, les approches suivantes peuvent être utilisées:

• Méthode "setTimeout ()".
• Événement «Onload».
• Méthode "setInterval ()".

Approche 1: Implémentez la minuterie de la page de réadaptation dans JavaScript via la méthode setTimeout ()

Le "setTimeout ()»La méthode redirige vers une fonction après l'heure définie. Cette approche peut être appliquée pour rediriger vers la fonction spécifiée sur le bouton cliquer et actualiser la page après l'heure définie.

Syntaxe

Dans la syntaxe donnée:

• "fonction»Indique la fonction accessible.
• "millisecondes»Fait référence à l'intervalle de temps à exécuter.
• "par1" et "par2»Correspond aux paramètres supplémentaires.

Exemple

Suivons l'exemple indiqué ci-dessous:

Cette page actualisera toutes les 4 secondes!

Dans l'extrait de code ci-dessus, effectuez les étapes suivantes:

• Inclure le indiqué «Titre» et «Heading».
• Créez également un bouton avec un "sur clic”Redirection des événements vers la fonction rafraîchissant ().
• Dans la partie JavaScript du code, déclarez une fonction nommée «Refreshtimer ()".
• Dans sa définition, appliquez le «setTimeout ()" méthode. Dans son paramètre, appliquez le «emplacement.recharger()»Méthode avec la valeur booléenne définie. Dans son autre paramètre, spécifiez le temps indiqué.
• Cela entraînera une rafraîchissement de la page après chaque «4 secondes"Sur le bouton cliquez.

Sortir

Dans la sortie ci-dessus, on peut observer que la page se rafraîchit toutes les 4 secondes.

Approche 2: Implémentez le temporisateur de la page de rafraîchissement en javascript à l'aide de l'événement Onload

Un événement «Onload» entre en vigueur lorsqu'un objet est chargé. Cette approche peut être utilisée pour actualiser la page après le chargement de la page par rapport à la valeur de la minuterie définie.

Syntaxe

Dans la syntaxe donnée:

• "fonction»Correspond à la fonction accessible lorsque l'objet est chargé.

Exemple

Observez les étapes indiquées dans l'exemple ci-dessous:

Cette page actualisera toutes les 8 secondes!

Dans les lignes de code ci-dessus:

• Appliquer le "en charge”Événement à la fonction Refreshtimer () Ayant la minuterie définie comme paramètre. Cela entraînera une invoquer la fonction spécifiée sur la page chargée.
• Spécifiez également le titre indiqué.
• Dans la partie JavaScript du code, définissez une fonction nommée «Refreshtimer ()."
• Dans sa définition, de même, répétez l'étape discutée dans l'approche précédente pour appliquer le «setTimeout ()”Méthode ayant les paramètres indiqués.
• Ici, "minuteur”Se réfère à la valeur du paramètre passé de la minuterie.

Sortir

À partir de la sortie ci-dessus, il est évident qu'après le chargement de la page, il se rafraîchit après 8 secondes.

Approche 3: Implémentez le temporisateur de page de rafraîchissement en javascript à l'aide de la méthode setInterval ()

Le "setInterval ()»La méthode redirige vers une fonction à des intervalles de temps spécifiés. Cette méthode peut être appliquée à plusieurs reprises et actualiser la page après la limite de la minuterie définie.

Syntaxe

Dans la syntaxe ci-dessus:

• "fonction»Porte la fonction accessible.
• "millisecondes»Fait référence à l'intervalle de temps spécifique à exécuter.
• «Par1» et «PAR2» correspondent aux paramètres supplémentaires.

Exemple

Suivons l'exemple indiqué ci-dessous:

Cette page actualisera toutes les 5 secondes!

Dans l'extrait de code ci-dessus:

• Incluez les titres indiqués pour afficher le message et contenir la minuterie à incrémenter respectivement.
• Dans la partie JavaScript du code, initialisez la minuterie avec «1".
• Dans l'étape suivante, appliquez le «setInterval ()" méthode. Aussi, récupérez la rubrique spécifiée par son «identifiant" en utilisant le "getElementByid ()»Méthode pour contenir la minuterie.
• Incrément la minuterie de telle sorte qu'après le «5 secondes«Comptez, la page est actualisée via le«emplacement.recharger()" méthode.

Sortir

Dans la sortie ci-dessus, on peut observer que la page se rafraîchit après 5 secondes.

Conclusion

Le "setTimeout ()«Méthode, un«en charge«Événement, ou le«setInterval () ”La méthode peut être utilisée pour implémenter un temporisateur de page de rafraîchissement dans JavaScript. La méthode setTimeout () peut être implémentée pour invoquer une fonction sur le bouton cliquer et actualiser la page après l'heure définie. Un événement Onload peut être appliqué pour implémenter la minuterie sur le chargement de la page et le rafraîchir en fonction de la valeur de la minuterie définie. La méthode setInterval () peut rafraîchir la page à plusieurs reprises après la limite de la minuterie. Ce blog explique comment implémenter un temporisateur de page d'actualisation dans JavaScript.