Utilisez JavaScript pour actualiser automatiquement les pages Web-js tutoriel-php.cn

Dans les applications Web modernes, l'actualisation automatique est une fonctionnalité très utile. En utilisant la technologie de programmation JavaScript, vous pouvez facilement mettre en œuvre l'actualisation automatique des pages Web pour offrir une meilleure expérience utilisateur dans votre application ou votre site Web. Ensuite, cet article expliquera comment utiliser JavaScript pour actualiser automatiquement les pages Web.

Utilisez la fonction setInterval

La fonction setInterval est l'une des fonctions de minuterie les plus couramment utilisées en JavaScript. Cette fonction permet l'exécution répétée d'un code spécifié dans un intervalle de temps spécifique. Par conséquent, nous pouvons utiliser cette fonction pour actualiser automatiquement la page Web.

Ce qui suit est la syntaxe de base de la fonction :

setInterval(function, milliseconds);

où function est le code ou le nom de la fonction à être exécuté, les millisecondes sont l'intervalle de temps entre l'exécution du code, en millisecondes.

Pour obtenir un rafraîchissement automatique de la page Web, vous pouvez utiliser le code suivant :

setInterval(function(){ location.reload(true); }, 5000);

Ce code utilise la fonction setInterval et la fonction location.reload. Pendant l'intervalle de 5 000 millisecondes, le code sera exécuté à plusieurs reprises et la page sera actualisée à l'aide de location.reload(true). Le deuxième paramètre "true" signifie forcer le rechargement de la page depuis le serveur au lieu de se charger depuis le cache.

Utilisez la fonction setTimeout

En plus de la fonction setInterval, la fonction setTimeout peut également être utilisée pour actualiser automatiquement les pages Web.

Semblable à setInterval, la fonction setTimeout permet d'exécuter une section de code après un délai spécifié. Voici la syntaxe de base de la fonction :

setTimeout(function, milliseconds);

Lorsque vous utilisez la fonction setTimeout, vous devez écrire du code supplémentaire pour la réinitialiser après une période de temps Appelez la fonction setTimeout. Cela garantit que la page Web est actualisée automatiquement à intervalles réguliers.

Voici le code permettant d'utiliser setTimeout pour actualiser automatiquement la page Web :

functionfreshPage() {
setTimeout(function() {

location.reload(true); refreshPage();

Copier après la connexion

# #}, 5000);

}
refreshPage();

Ce code définit une fonction appelée rafraîchirPage. La fonction utilise les fonctions setTimeout et location.reload pour actualiser automatiquement la page toutes les 5 000 millisecondes. À la fin de la fonction, vous devez appeler à nouveau la fonction rafraîchirPage pour vous assurer que la page continue de s'actualiser automatiquement.

En plus d'utiliser les fonctions JavaScript, vous pouvez également utiliser des balises méta HTML pour actualiser automatiquement les pages Web.

Ce qui suit est la syntaxe de base de la balise méta :

# La propriété #"content" est l'intervalle de temps, en secondes, pendant lequel vous souhaitez que la page soit actualisée.

Voici le code permettant d'utiliser la balise méta pour actualiser automatiquement la page Web :

Ce code actualisera automatiquement la page toutes les 5 secondes et naviguera vers la page exemple.com.

Résumé :

Ce qui précède répertorie trois méthodes pour actualiser automatiquement les pages Web : en utilisant la fonction setInterval, en utilisant la fonction setTimeout et en utilisant la balise méta HTML. N'oubliez pas que lorsque vous utilisez l'actualisation automatique dans votre application, assurez-vous d'avoir une autorisation explicite ou informez vos utilisateurs à l'avance.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!