Comment arrêter SetInterval Call dans JavaScript
- Comment arrêter SetInterval Call dans JavaScript
- Exemple 1: stop setterval Call of Clock Time à l'aide de la méthode ClearInterval ()
- Exemple 2: stop setinterval Call of Message en utilisant la méthode clearinterval ()
Comment arrêter SetInterval Call dans JavaScript?
JavaScript est capable d'exécuter un morceau de code spécifique après un délai. Chaque fois qu'une fonction ou un morceau de code est exécuté à plusieurs reprises, vous souhaiterez peut-être exécuter chaque morceau après une période spécifique. Parfois, une situation arrive pour arrêter le message ou la minuterie. Le ClearInterval () La fonction est utilisée pour arrêter l'appel SetInterval en acceptant le même intervalle de temps. La syntaxe est fournie ici:
Syntaxe
ClearInterval (Interval_id);Le interval_id Spécifie l'intervalle de temps qui est renvoyé du setInterval () méthode.
Exemple 1: Utilisation de la méthode ClearInterval () pour arrêter SetInterval Call of Clock Time
Un exemple est considéré comme arrêté l'appel du temps setterval en utilisant le ClearInterval () méthode. L'exemple comprend les codes HTML et JavaScript, qui sont expliqués ci-dessous:
Code HTML
Un exemple pour arrêter SetInterval Call dans JavaScript
La description du code HTML est fournie ci-dessous:
- Un bouton "Temps d'arrêt"Est créé qui est associé à une méthode"mystopFunction ()".
- La méthode est déclenchée lorsque l'utilisateur appuie sur «Temps d'arrêt" bouton.
- En fin de compte, le «test.js«Le fichier est passé comme source dans le«" étiqueter.
Prenons le code JavaScript (le fichier est nommé «test.js»Sur notre système):
Code javascript
var myvar = setInterval (mytim, 1000);functionMytim ()
var d = newDate ();
var t = d.tolocaletimestring ();
document.getElementByid ("démo").innerHtml = t;
functionMyStopFunction ()
ClearInterval (MyVar);
Dans ce code:
- Le "setInterval ()"La méthode définit l'intervalle de temps spécifique en passant"mytim" et "1000”Millisecondes comme paramètres.
- Dans ce "mytim ()"Méthode, variable"d"Stocke la date actuelle et la variable"t»Extrait l'heure actuelle en appelant le«tolocaletimestring ()" méthode.
- En fin de compte, le «mystopFunction ()"Est employé pour arrêter l'appel SetInterval par le"ClearInterval ()" méthode.
Sortir
La sortie montre que l'intervalle de réglage est arrêté en appuyant sur le bouton "Temps d'arrêt”Dans la fenêtre du navigateur.
Exemple 2: Utilisation de la méthode ClearInterval () pour arrêter SETERInterval Call dans une boucle pour une boucle
Un exemple est considéré pour afficher un message simple à l'aide de l'appel SetInterval dans JavaScript. Le ClearInterval () La fonction est utilisée pour effacer l'intervalle de 1000 ms (1 seconde). Par exemple, le code est fourni ci-dessous.
Code
var i = 0;var int = setInterval (function ()
console.log ("javascript world");
i ++;
if (i> = 5)
ClearInterval (int);
, 1000);
Dans ce code:
- Le setInterval () la méthode a passé une fonction de rappel et 1000 comme arguments.
- À l'intérieur de la fonction (), le message "Monde javascript"Est affiché cinq fois. Lorsque la limite dépasse le nombre, le ClearInterval () Arrêtera l'appel SetInterval.
- Le intervalle clair () brise l'intervalle réglé en passant un int valeur.
- En fin de compte, le setInterval () la méthode est arrêtée à travers le ClearInterval () méthode.
Sortir
La sortie renvoie le message «Monde javascript» et arrête l'appel SetInterval après 5 secondes.
Conclusion
Le ClearInterval () La méthode est utilisée pour arrêter l'appel SetInterval dans JavaScript. La méthode est utile pour effacer l'heure définie par setInterval. Ce message démontre le travail et l'utilisation du ClearInterval () Méthode pour arrêter l'appel SetInterval dans JavaScript. Il est important lorsque l'utilisateur a déjà défini une heure spécifique pour une fonction spécifique. Dans cet article, un exemple affiche un message simple en utilisant la fonction de rappel et l'intervalle. Le deuxième exemple montre le temps d'horloge numérique qui cesse d'utiliser le ClearInterval () méthode.