Este artículo explicará el uso de los métodos SetInterval y ClearInterval en JavaScript.
Cómo usar SetInterval y ClearInterval?
Usar el "setinterval" y "Clearinterval"Métodos, siga el ejemplo dado.
Ejemplo
En el ejemplo dado, crearemos un contador que se detendrá en el botón Haga clic llamando al "Clearinterval"Método para detener la función del"setinterval" método.
Cree un elemento donde se mostrará el recuento y un botón "Detener"Para detener el incremento del mostrador:
>Invoca el método "setInterval" aprobando una función "encimera" y tiempo "1000"En milisegundos. Luego, almacene el valor resultante del método "setInterval" en una variable "mi interval":
const myInterval = setInterval (contador, 1000);Establecer el recuento a 1:
Deje contar = 1;Defina una función "encimera()"Eso llamará al"setInterval ()" método. Obtenga la referencia del elemento y muestre el recuento incrementándolo:
function Counter ()Defina otra función que se activará en el botón Haga clic para detener el contador llamando al "ClearInterval ()" método:
function stopcounter ()Producción
La salida anterior indica que el contador se detendrá haciendo clic en el botón donde se llama el método ClearInterval () que detiene el incremento del contador en el método setInterval ().
Conclusión
"setinterval" y "Clearinterval"Son métodos de JavaScript predefinidos que permiten ejecutar una función repetidamente con un intervalo de tiempo especificado y detener la ejecución, respectivamente. Este artículo explicó el uso de los métodos SetInterval y ClearInterval en JavaScript con un ejemplo específico. Donde el contador se detiene llamando al método ClearInterval ().