Javascript | Méthode ClearTimeout et ClearInterval

JavaScript propose de nombreuses méthodes pour répondre aux exigences des programmeurs en exécutant le bloc de code. Pour planifier un délai d'attente, JavaScript fournit des méthodes comprenant setInterval (), setTimeout, ClearTimeout (), et ClearInterval (). Il offre une fonctionnalité de délai d'expiration qui permet aux utilisateurs d'effectuer une opération après un intervalle de temps spécifique. De plus, le morceau de code est répété après un intervalle de temps défini. Ces méthodes sont utiles pour les sites Web sensibles tels que les sites Web bancaires et les sites de commerce électronique.

Cet article démontre le travail et l'utilisation des méthodes ClearTimeout () et ClearInterval ():

• Comment utiliser la méthode ClearTimeout () en JavaScript
• Comment utiliser la méthode ClearInterval () dans JavaScript

Méthodes JavaScript ClearTimeout () et ClearInterval ()

En javascript, le ClearTimeout () et ClearInterval () Les méthodes sont utilisées pour effacer la minuterie qui a été initialisée à l'aide des méthodes SetInterVal () et SetTimeout (), respectivement. La méthode cleartimeout () annule le délai d'attente qui a été précédemment définie par Settimeout (). La même procédure est appliquée en utilisant ClearInterval () Pour annuler l'intervalle de temps fixé par setInterval ().

Comment utiliser la méthode ClearTimeout () dans JavaScript?

Le ClearInterval () La méthode est utilisée pour arrêter l'exécution qui a commencé avec la méthode setTimeout (). La méthode prend le même nom de variable qui a été renvoyé par la méthode setTimeout (). La syntaxe de la méthode ClearTimeout () est fournie ici:

Syntaxe

ClearTimeout (timeoutid);

Le tempsoutide est la valeur de la minuterie définie par la méthode setTimeout (). C'est un champ obligatoire.

Exemple

Un exemple est expliqué avec l'utilisation du ClearTimeout () Méthode en javascript.

Code

Un exemple d'utilisation de la méthode cleartimeout () en javascript

Appuyez sur le bouton pour démarrer le compteur

Appuyez sur le bouton pour arrêter le comptoir

Dans le code ci-dessus, la méthode ClearTimeout () est utilisée avec la méthode setTimeout () pour différencier le processus de travail entre eux. La description est fournie dans le format répertorié:

• Premièrement, un bouton "Appuyez sur le bouton pour démarrer le compteur"Est attaché avec un startCount () méthode.
• Un autre bouton est associé au stopCount () Méthode pour arrêter l'exécution de la méthode ci-dessus.
• Après avoir appuyé sur le bouton, la variable de compteur est initialisée et incrémentée par une 1000 millisecondes.
• Ces valeurs sont stockées dans le temps variable qui est utilisée pour arrêter le comptoir en la transmettant au Méthode ClearTimeout ().

La capture d'écran du code ci-dessus est la suivante:

Sortir

Il est observé que le compteur commence après avoir appuyé sur le «Appuyez sur le bouton pour démarrer le compteur" bouton. Le comptoir incréments la valeur en en ajoutant un. Le processus se poursuit jusqu'à ce que «Appuyez sur le bouton pour arrêter le comptoir"Le bouton est appuyé.

Comment utiliser la méthode ClearInterval () dans JavaScript?

Cette méthode efface le calendrier créé par le setInterval () méthode. L'exécution de la minuterie créée est terminée en passant la même variable qui a été renvoyée à partir de la méthode SetInterval (). La syntaxe suivante fait référence à la méthode setInterval ().

Syntaxe

ClearInterval (Interpalid)

Dans cette syntaxe, le intervalué est la variable de passage qui utilise la même valeur que la méthode setInterval ().

Exemple
L'exemple de code écrit ci-dessous fait référence au ClearTimeout () méthode Javascrip.

Code

Un exemple d'utilisation de la méthode ClearInterval () dans JavaScript

Appuyez sur le bouton pour démarrer un intervalle qui imprime un message.

Appuyez sur le bouton pour démarrer l'intervalle
Appuyez sur le bouton pour annuler l'intervalle

Le code est décrit comme:

• Deux boutons sont associés aux méthodes.
• Le Résultat() La méthode est utilisée avec un bouton "Appuyez sur le bouton pour démarrer l'intervalle".
• Tout d'abord, l'intervalle est défini par la méthode setInterval ().
• Après cela, un message demandant: «JavaScript est-il un langage de script?"Est affiché tous les 500 millisecondes.
• En fin de compte, le ClearInterval () La méthode est utilisée en passant la même variable renvoyée par la méthode setInterval ().

Sortir

Dans la sortie, le message "JavaScript est-il un langage de script?"S'affiche à plusieurs reprises en appuyant sur le bouton d'intervalle de démarrage. Après cela, le ClearInterval () La méthode est utilisée pour arrêter l'exécution et afficher un message "Intervalle annulé".

Conclusion

Javascrip fournit des fonctionnalités pour arrêter l'exécution du code en utilisant le ClearTimeout () et les méthodes ClearInterval (). La méthode ClearTimeout () est utilisée pour effacer la valeur de la minuterie définie par la méthode setTimeout (). D'un autre côté, le ClearInterval () La méthode arrête l'intervalle en passant la même valeur définie par la méthode setInterval () dans JavaScript. Ici, vous avez appris à comprendre les méthodes ClearTimeout () et ClearInterval () dans Javascrip.