Créé le 08/04/2016 par Laurent Bourcier

Rafraichissement automatique d'une page HTML

Methode 1 : balise META HTTP-EQUIV

La balise META HTTP-EQUIV="refresh" CONTENT="x" qui se met dans la section HEAD, permet un rechargement automatique de la base html toutes les x secondes.

Exemple :


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="60">
</head>
<body>
</body>
</html>

Methode 2 : fonction Javascript setInterval

Pour ne pas recharger toute la page mais juste une partie de la page html, il existe la fonction javascript setInterval qui permet d'exécuter du code Javascript à intervalle régulier de n milliseconds.

Exemple :


<!DOCTYPE html>
<html>
<head>
<script>
var i=0;
function myFunction() {
  i = i + 1;
  document.getElementById("counter").innerHTML = i;
}
</script>
</head>
<body>
<p id="counter">
<script>
setInterval(myFunction, 1000);
</script>
</body>
</html>