Exemples d'utilisation de setInterval et setTimeout dans les connaissances js_Basic

Définition et utilisation de setInterval()

La méthode setInterval() exécute une fonction ou une expression à une période spécifiée (en millisecondes). Cette méthode continuera à appeler la fonction dans une boucle jusqu'à ce que la fonction soit explicitement arrêtée à l'aide de clearInterval() ou que la fenêtre soit fermée. Le paramètre de la fonction clearInterval() est la valeur ID renvoyée par setInterval().

Grammaire

setInterval(code,millisec[,"lang"])
code requis. Une fonction à appeler ou une chaîne de code à exécuter.
millisec est un incontournable. L'intervalle de temps, en millisecondes, entre les exécutions périodiques ou les appels au code.

Valeur de retour

Une valeur qui peut être transmise à Window.clearInterval() pour annuler l'exécution périodique du code.

Exemple d'utilisation :

Copier le code Le code est le suivant :

< input type="text" id="clock" size="35" />

< ;/form> ;

Arrêter l'événement d'intervalle

Définition et utilisation de setTimeout()

La méthode setTimeout() est utilisée pour appeler une fonction ou une expression calculée après un nombre spécifié de millisecondes. La différence entre cette méthode et la méthode setInterval() est que cette méthode n'est exécutée qu'une seule fois.

Syntaxe

setTimeout(code,millisec)
code requis. La chaîne de code JavaScript à exécuter après la fonction à appeler.
millisec requis. Le nombre de millisecondes à attendre avant d'exécuter le code, en millisecondes.

Conseils :
(1) Bien que setTimeout() n'exécute le code qu'une seule fois. Mais si vous devez l'appeler plusieurs fois, en plus d'utiliser setInterval(), vous pouvez également laisser le code exécuté lui-même appeler à nouveau la méthode setTimeout() pour atteindre l'objectif d'exécutions multiples.
(2) De plus, la méthode setTimeout() peut également renvoyer une valeur ID pour faciliter l'utilisation de la méthode clearInterval() pour annuler l'utilisation de la méthode setTimeout().

Exemple d'utilisation :

Copier le code Le code est le suivant :

< br />

Pour ces deux méthodes, il convient de noter que s'il est nécessaire d'effectuer une action avec précision après chaque intervalle de temps fixe, alors il est préférable d'utiliser setInterval, et si vous ne souhaitez pas provoquer d'interférences mutuelles dues à des appels continus , surtout si chaque appel de fonction nécessite des calculs lourds et un temps de traitement long, il est préférable d'utiliser setTimeout.