Retourne une chaîne format e
Définition et utilisation méthodes setInterval()
JavaScript cours tutorialLa méthode setInterval() appelle une fonction ou évalue une expression à des intervalles spécifiés (en millisecondes).
La méthode setInterval() continuera d'appeler la fonction jusqu'à ce que clearInterval() est appelée, ou la fenêtre est fermée.
La valeur de l'ID retournée par setInterval() est utilisée comme paramètre pour la méthode clearInterval().
Astuce : 1000 ms = 1 seconde.
Astuce : Pour exécuter une fonction une seule fois, après un nombre spécifié de millisecondes, utilisez la méthode setTimeout()
.
Exemple Afficher une boite d’alerter toutes les 3 secondes (3 000 millisecondes) :
Exemple : Copier le code
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple méthode setInterval</title>
</head>
<body>
<p>Cliquez sur le bouton attendre 3 secondes puis l'alerte
« Bonjour » s'affiche.</p>
<p>Après en cliquant sur le bouton OK de la boîte d'alerte,
une nouvelle boîte d'alerte s'affiche après 3 secondes. et ainsi
de suite...</p>
<button onclick="maFonction()"> Voir </button>
<script>
function maFonction()
{
setInterval(function(){alert("Bonjour!")},3000);
}
</script>
</body>
</html>
Appui de navigateur
La méthode setInterval() est prise en charge dans tous les principaux navigateurs.
Syntaxe
setInterval(fonction,millisecondes,lang)
Valeurs de paramètre
| Paramètre | Description |
|---|---|
| fonction | Obligatoire. La fonction qui sera exécutée |
| millisecondes | Obligatoire. L'intervalle (en millisecondes) pour la fréquence d'exécuter le code |
| lang | En option. JScript | VBScript | JavaScript |
Définition et utilisation méthode clearInterval()
La méthode clearInterval() arrête une minuterie défini avec la méthode setInterval() .
La valeur de l'ID retournée par setInterval() est utilisée comme paramètre pour la méthode clearInterval().
Remarque : Pour être en mesure d'utiliser la méthode clearInterval(), vous devez utiliser une variable globale lors de la création de la méthode setInterval() comme suit:
maVar = setInterval("javascript function",milliseconds);
Ensuite, vous serez en mesure d'arrêter l'exécution en appelant la méthode clearInterval(maVar).
Exemple
Afficher l'heure actuelle (la méthode setInterval() exécutera la fonction une fois toutes les secondes, tout comme une montre digitale). ClearInterval() permet d'arrêter le temps :
Exemple : Copier le code
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Heure actuelle</title>
</head>
<body>
<p>Heure locale :</p>
<p id="dmo"></p>
<button onclick="monStopFonction()">Arreter</button>
<script>
var maVar = setInterval(function(){monTimer()},1000);
function monTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("dmo").innerHTML=t;
}
function monStopFonction()
{
clearInterval(maVar);
}
</script>
</body>
</html>
Appui de navigateur
La méthode clearInterval() est prise en charge dans tous les principaux navigateurs.
Syntaxe
clearInterval(id_de_setinterval)
Valeurs de paramètre
| Paramètre | Description |
|---|---|
| id_de_setinterval | Obligatoire. L'ID du timer retourné par la méthode setInterval() |