Comment puis-je utiliser SetInterval et ClearInterval?

"setInterval" et "clearInterval»Sont des méthodes JavaScript intégrées. Le «setInterval ()» permet l'exécution d'une fonction à plusieurs reprises à un intervalle spécifié. Tandis que la méthode "ClearInterval ()" arrête l'exécution d'une fonction qui a déjà commencé à utiliser setInterval.

Cet article expliquera l'utilisation des méthodes SetInterval et ClearInterval dans JavaScript.

Comment utiliser SetInterval et ClearInterval?

Pour utiliser le «setInterval" et "clearInterval»Méthodes, suivez l'exemple donné.

Exemple
Dans l'exemple donné, nous créerons un compteur qui s'arrêtera sur le bouton cliquer en appelant «clearInterval«Méthode pour arrêter la fonction du«setInterval" méthode.

Créez un élément où le nombre sera affiché et un bouton "Arrêt«Pour arrêter l'incrément de comptoir:

>
Arrêt

Invoquez la méthode «setterval» en faisant passer une fonction «comptoir" et le temps "1000"En millisecondes. Ensuite, stockez la valeur résultante de la méthode «setInterval» dans une variable «myInterval»:

const myInterval = setInterval (compteur, 1000);

Déclure le nombre de 1:

Soit compter = 1;

Définir une fonction "comptoir()"Cela appellera le"setInterval ()" méthode. Obtenez la référence de l'élément et affichez le décompte en l'informant:

fonction compteur ()
document.QuerySelector ('Span').innerText = count;
Count ++;

Définissez une autre fonction qui se déclenchera sur le bouton Cliquez pour arrêter le compteur en appelant «ClearInterval ()" méthode:

fonction stopCounter ()
ClearInterval (MyInterval);

Sortir

La sortie ci-dessus indique que le compteur s'arrêtera en cliquant sur le bouton où la méthode ClearInterval () est appelée qui arrête l'incrément de compteur dans SetInterval ().

Conclusion

"setInterval" et "clearInterval«Sont des méthodes JavaScript prédéfinies qui permettent d'exécuter une fonction à plusieurs reprises avec un intervalle de temps spécifié et d'arrêter l'exécution, respectivement. Cet article a expliqué l'utilisation des méthodes SetInterval et ClearInterval en JavaScript avec un exemple spécifique. Où le compteur est arrêté en appelant la méthode clearinterval ().