Maison > interface Web > js tutoriel > Comment utiliser efficacement « setInterval » et « clearInterval » en JavaScript ?

Comment utiliser efficacement « setInterval » et « clearInterval » en JavaScript ?

Linda Hamilton
Libérer: 2024-12-13 13:12:11
original
771 Les gens l'ont consulté

How to Effectively Use `setInterval` and `clearInterval` in JavaScript?

Utiliser efficacement setInterval et clearInterval

En JavaScript, setInterval vous permet de configurer une minuterie qui se déclenche à plusieurs reprises à un intervalle spécifié. Cela peut être utile pour l'animation ou d'autres tâches nécessitant une boucle. Cependant, dans certains cas, vous souhaiterez peut-être exécuter une fonction une seule fois, plutôt qu'en continu.

Utiliser clearInterval pour interrompre une boucle planifiée

Si vous avez configuré une minuterie utilisant setInterval, vous pouvez utiliser clearInterval pour l'empêcher de se déclencher. Ceci est utile si vous souhaitez terminer la boucle prématurément :

var handle = setInterval(drawAll, 20);

// When you want to cancel it:
clearInterval(handle);
handle = 0; // Flag to indicate cleared interval
Copier après la connexion

Le handle renvoyé par setInterval est généralement un nombre qui n'est pas égal à 0. Par conséquent, l'utilisation de 0 comme valeur d'indicateur indique qu'aucun minuteur est défini.

Planification d'un appel de fonction unique avec setTimeout

Au lieu d'utiliser setInterval pour les appels de fonction uniques, envisagez plutôt d'utiliser setTimeout :

setTimeout(drawAll, 20);
Copier après la connexion

setTimeout planifie qu'une fonction se déclenche une fois, à l'intervalle de temps spécifié. Cela ne crée pas de boucle. Vous pouvez également utiliser clearTimeout pour annuler la minuterie avant qu'elle ne se déclenche si nécessaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal