Cómo detener la llamada SetInterval en JavaScript

En JavaScript, invocar/llamar a una función es esencial para la ejecución de una pieza de código repetidamente. JavaScript proporciona un setInterval () Método que establece el retraso de tiempo específico entre cada llamada de una función llamada repetidamente. Además, es útil detener los métodos de llamadas. Para este propósito, el ClearInterval () se introduce el método para detener la llamada de intervalo establecida. Esta publicación demuestra el método para detener las llamadas SetInterval en JavaScript.

• Cómo detener la llamada SetInterval en JavaScript
• Ejemplo 1: Detener el método SetInterval Llamed of Clock usando ClearInterval ()
• Ejemplo 2: Detener la llamada del mensaje SetInterval usando el método ClearInterval ()

Cómo detener la llamada SetInterval en JavaScript?

JavaScript es capaz de ejecutar una pieza de código específica después de un retraso de tiempo. Siempre que una función o un fragmento de código se ejecute repetidamente, es posible que desee ejecutar cada fragmento después de un período de tiempo específico. A veces, una situación detiene el mensaje o el temporizador. El ClearInterval () La función se utiliza para detener la llamada SetInterval aceptando el mismo intervalo de tiempo. La sintaxis se proporciona aquí:

Sintaxis

ClearInterval (interval_id);

El intervalo_id especifica el intervalo de tiempo que se devuelve del setInterval () método.

Ejemplo 1: Uso del método ClearInterval () para detener la llamada SetInterval de la hora del reloj

Se considera un ejemplo para detener la llamada del tiempo de SetInterval empleando el ClearInterval () método. El ejemplo comprende códigos HTML y JavaScript, que se explican a continuación:

código HTML

Un ejemplo para detener la llamada SetInterval en JavaScript

Para el tiempo

La descripción del código HTML se proporciona a continuación:

• Un botón "Para el tiempo"Se crea que está asociado con un método"mystopfunction ()".
• El método se activa cuando el usuario presiona el "Para el tiempo" botón.
• Al final, el "prueba.js"El archivo se pasa como fuente dentro del"" etiqueta.

Tomemos el código JavaScript (el archivo se denomina "prueba.js"En nuestro sistema):

Código JavaScript

var myVar = setInterval (mytim, 1000);
functionMytim ()
var d = newdate ();
var t = d.tolocaletimestring ();
documento.getElementById ("demo").innerhtml = t;

functionMyStOpFunction ()
ClearInterval (myvar);

En este código:

• El "setInterval ()"El método establece el intervalo de tiempo específico pasando"Mytim" y "1000"Milisegundos como parámetros.
• En esto "Mytim ()"Método, variable"d"Almacena la fecha actual y la variable"T"Extrae la hora actual llamando al"tolocaletimestring ()" método.
• Al final, el "mystopfunction ()"Se emplea para detener la llamada SetInterval por el"ClearInterval ()" método.

Producción

La salida muestra que el intervalo establecido se detiene presionando el botón "Para el tiempo"En la ventana del navegador.

Ejemplo 2: Uso del método ClearInterval () para detener la llamada SetInterval en un bucle para

Se considera un ejemplo para mostrar un mensaje simple utilizando la llamada SetInterval en JavaScript. El ClearInterval () La función se utiliza para borrar el intervalo de 1000 ms (1 segundo). Por ejemplo, el código se proporciona a continuación.

Código

var i = 0;
var int = setInterval (function ()
consola.log ("JavaScript World");
i ++;
if (i> = 5)
ClearInterval (int);

, 1000);

En este código:

• El setInterval () El método pasó una función de devolución de llamada y 1000 Como argumentos.
• Dentro de la función (), el mensaje "Javascript World"Se muestra cinco veces. Cuando el límite excede el número, el ClearInterval () detendrá la llamada setinterval.
• El intervalo claro () rompe el intervalo establecido pasando un En t valor.
• Al final, el setInterval () el método se detiene a través del ClearInterval () método.

Producción

La salida devuelve el mensaje "Javascript World" y detiene la llamada SetInterval después de 5 segundos.

Conclusión

El ClearInterval () El método se utiliza para detener la llamada SetInterval en JavaScript. El método es útil para borrar el tiempo establecido por SetInterval. Esta publicación demuestra el trabajo y el uso del ClearInterval () Método para detener la llamada SetInterval en JavaScript. Es importante cuando el usuario ya ha establecido un tiempo específico para cualquier función específica. En esta publicación, un ejemplo muestra un mensaje simple utilizando la función e intervalo de devolución de llamada. El segundo ejemplo muestra la hora del reloj digital que deja de usar el ClearInterval () método.