Événements de synchronisation JavaScript
|
1 2 3 4 5 6 7 8 9 dix 11 12 |
JavaScript peut être exécuté dans des intervalles de temps. C’est ce qu’on appelle les événements de synchronisation. |
Calendrier des événements
Le window L’objet 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 nombre spécifié de millisecondes.setInterval(function, milliseconds)
Identique à setTimeout(), mais répète l’exécution de la fonction en continu.
Le setTimeout() et setInterval() sont les deux méthodes de l’objet HTML DOM Window.
La méthode setTimeout()
window.setTimeout(fonction, millisecondes);
Le window.setTimeout() La méthode peut être écrite sans le préfixe de fenêtre.
Le premier paramètre est une fonction à exécuter.
Le deuxième paramètre indique le nombre de millisecondes avant l’exécution.
Exemple
Cliquez sur un bouton. Attendez 3 secondes, et la page alertera “Bonjour”:
Essayez-le
Essayez-le vous-même »
Comment arrêter l’exécution ?
Le clearTimeout() La méthode arrête l’exécution de la fonction spécifiée dans setTimeout().
window.clearTimeout(timeoutVariable)
Le window.clearTimeout() La méthode peut être écrite sans le préfixe de fenêtre.
Le clearTimeout() méthode utilise la variable renvoyée par setTimeout():
maVar = setTimeout(fonction, millisecondes);
clearTimeout(maVar);
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 “Stop” ajouté :
Essayez-le
Essayez-le vous-même »
La méthode setInterval()
Le setInterval() La méthode répète une fonction donnée à chaque intervalle de temps donné.
window.setInterval(fonction, millisecondes);
Le window.setInterval() La méthode peut être écrite sans le préfixe de fenêtre.
Le premier paramètre est la fonction à exécuter.
Le deuxième 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 :
setInterval(monTimer, 1000);
function monTimer() {
const d = nouvelle 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() La méthode arrête les exécutions de la fonction spécifiée dans la méthode setInterval().
window.clearInterval(timerVariable)
Le window.clearInterval() La méthode peut être écrite sans le préfixe de fenêtre.
Le clearInterval() méthode utilise la variable renvoyée par setInterval():
laissez myVar = setInterval(fonction, millisecondes);
clearInterval(maVar);
Exemple
Même exemple que ci-dessus, mais nous avons ajouté un bouton “Arrêter l’heure”:
Essayez-le vous-même »
Plus d’exemples
Un autre timing simple
Une horloge créée avec un événement de chronométrage
#Événements #synchronisation #JavaScript
