Exemple
Alerte "Hello" toutes les 3 secondes (3000 milliseconds) :
setInterval(function(){ alert("Hello"); }, 3000);
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le setInterval() méthode appelle une fonction ou évalue une expression à des intervalles déterminés (in milliseconds) .
Le setInterval() méthode continuera d' appeler la fonction jusqu'à ce que clearInterval() est appelée, ou la fenêtre est fermée.
La valeur de l' ID renvoyé par setInterval() est utilisée comme paramètre pour la clearInterval() méthode.
Tip: 1000 ms = 1 seconde.
Astuce: Pour exécuter une fonction qu'une seule fois, après un certain nombre de millisecondes, utilisez la setTimeout() méthode.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| setInterval() | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
Syntaxe
setInterval( function,milliseconds,param1,param2,... )Les valeurs des paramètres
| Paramètre | La description |
|---|---|
| function | Champs obligatoires. La fonction qui sera exécutée |
| milliseconds | Champs obligatoires. Les intervalles (in milliseconds) sur la fréquence d'exécuter le code |
| param1,param2,... | Optionnel. Paramètres supplémentaires pour passer à la fonction (non pris en charge dans IE9 et versions antérieures) |
Détails techniques
| Valeur de retour: | Un numéro, ce qui représente la valeur d'identification de la minuterie est réglée. Utiliser cette valeur par le clearInterval() méthode pour annuler la minuterie |
|---|
autres exemples
Exemple
Vous pouvez également faire référence à un "named" fonction; Alerte "Hello" toutes les 3 secondes (3000 milliseconds) :
var myVar;
function myFunction() {
myVar =
setInterval(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Essayez vous - même » Exemple
Afficher l'heure actuelle (the setInterval() méthode exécutera la fonction une fois toutes les 1 seconde, comme une montre numérique):
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
} Essayez vous - même » Exemple
En utilisant clearInterval() pour arrêter le temps dans l'exemple précédent:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
} Essayez vous - même » Exemple
En utilisant setInterval() et clearInterval() pour créer une barre de progression dynamique:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} Essayez vous - même » Exemple
Basculer entre deux couleurs d'arrière-plan une fois toutes les 300 millisecondes:
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} Essayez vous - même » Exemple
Paramètres passer à la fonction alertFunc (does not work in IE9 and earlier) :
var myVar;
function myStartFunction() {
myVar
= setInterval(alertFunc, 2000, "First param", "Second param");
} Essayez vous - même » Toutefois, si vous utilisez une fonction anonyme, il fonctionnera dans tous les navigateurs:
var myVar;
function myStartFunction() {
myVar =
setInterval(function(){ alertFunc("First param", "Second param"); },
2000);
} Essayez vous - même » Pages associées
Objet de la fenêtre: href="met_win_clearinterval.html"> clearInterval() Method
Objet de la fenêtre: href="met_win_settimeout.html"> setTimeout() Method
Objet de la fenêtre: href="met_win_cleartimeout.html"> clearTimeout() Method
<Object Window