1 2 3 4 5 6 7 8 9 dix 11 12 | JavaScript peut être exécuté dans des intervalles de temps. Ceci est appelé synchronisation des événements. |
Timing Events
L'objet de la fenêtre permet l'exécution de code à des intervalles de temps spécifiés.
Ces intervalles de temps sont appelés événements de synchronisation.
Les deux principales méthodes à utiliser avec JavaScript sont:
- setTimeout( function, milliseconds )
Exécute une fonction, après avoir attendu un certain nombre de millisecondes. - setInterval( function, milliseconds )
Identique à setTimeout() , mais répète l'exécution de la fonction continue.
Le setTimeout() et setInterval() sont les deux méthodes de l'objet HTML DOM Window.
Le setTimeout() Méthode
window.setTimeout(function, milliseconds);Le window.setTimeout() méthode peut être écrite sans le préfixe de la fenêtre.
Le premier paramètre est une fonction qui doit être exécutée.
Le deuxième paramètre indique le nombre de millisecondes avant l'exécution.
Exemple
Cliquez sur un bouton. Attendre 3 secondes, et la page alertera "Bonjour":
<button onclick="setTimeout(myFunction, 3000)">Try it</button>
<script>
function myFunction() {
alert('Hello');
}
</script> Essayez - le vous - même » Comment arrêter l'exécution?
Le clearTimeout() méthode arrête l'exécution de la fonction spécifiée dans setTimeout() .
window.clearTimeout( timeoutVariable )
Le window.clearTimeout() méthode peut être écrite sans le préfixe de la fenêtre.
Le clearTimeout() méthode utilise la variable retournée de setTimeout() :
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
Si la fonction n'a pas encore été exécutée, vous pouvez arrêter l'exécution en appelant la clearTimeout() méthode:
Exemple
Même exemple que ci-dessus, mais avec un bouton ajouté "Stop":
<button onclick="myVar = setTimeout(myFunction, 3000)">Try
it</button>
<button onclick="clearTimeout(myVar)">Stop it</button>
Essayez - le vous - même » Le setInterval() Méthode
Le setInterval() méthode répète une fonction donnée à chaque intervalle de temps donné.
window.setInterval(function, milliseconds);Le window.setInterval() méthode peut être écrite sans le préfixe de la fenêtre.
Le premier paramètre est la fonction qui doit être exécutée.
Le second paramètre indique la longueur de l'intervalle de temps entre chaque exécution.
Cet exemple exécute une fonction appelée "myTimer" une fois par seconde (comme une montre numérique).
Exemple
Afficher l'heure actuelle:
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
} Essayez - le vous - même » Il y a 1000 millisecondes dans une seconde.
Comment arrêter l'exécution?
Le clearInterval() méthode arrête l'exécution de la fonction spécifiée dans le setInterval() méthode.
window.clearInterval( timerVariable )Le window.clearInterval( ) méthode peut être écrite sans le préfixe de la fenêtre.
Le clearInterval() méthode utilise la variable renvoyée de setInterval() :
myVar = setInterval(function, milliseconds);
clearInterval(myVar);Exemple
Même exemple que ci-dessus, mais nous avons ajouté un bouton "Arrêter le temps":
<p id="demo"></p>
<button onclick="clearInterval(myVar)">Stop time</button>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script> Essayez - le vous - même » 
Autres exemples
Une horloge créée par un événement de synchronisation