JavaScript | ClearTimeOut & ClearInterval Method

JavaScript ofrece numerosos métodos para cumplir con los requisitos de los programadores ejecutando el bloque de código. Para programar un tiempo de espera, JavaScript proporciona métodos que incluyen setInterval (), setTimeOut, ClearTimeOut (), y ClearInterval (). Proporciona una funcionalidad de tiempo de espera que permite a los usuarios realizar cualquier operación después de un intervalo de tiempo específico. Además, la pieza de código se repite después de un intervalo de tiempo establecido. Estos métodos son útiles para sitios web confidenciales, como sitios web bancarios y sitios de comercio electrónico.

Esta publicación demuestra el trabajo y el uso de los métodos ClearTimeOut () y ClearInterval ():

• Cómo utilizar el método ClearTimeOut () en JavaScript
• Cómo utilizar el método ClearInterval () en JavaScript

Métodos JavaScript ClearTimeOut () y ClearInterval ()

En JavaScript, el ClearTimeOut () y ClearInterval () Los métodos se utilizan para borrar el temporizador que se inicializó utilizando los métodos SetInterval () y SetTimeOut (), respectivamente. El método ClearTimeOut () cancela el tiempo de espera que fue establecido anteriormente por SetTimeout (). El mismo procedimiento se aplica utilizando ClearInterval () Para cancelar el intervalo de tiempo fijado por setInterval ().

Cómo utilizar el método ClearTimeOut () en JavaScript?

El ClearInterval () El método se utiliza para detener la ejecución que comenzó con el método setTimeOut (). El método toma el mismo nombre de variable que devuelve el método setTimeOut (). La sintaxis del método ClearTimeOut () se proporciona aquí:

Sintaxis

ClearTimeOut (TimeOutId);

El tiempo de espera es el valor del temporizador establecido por el método setTimeOut (). Es un campo obligatorio.

Ejemplo

Un ejemplo se explica con el uso del ClearTimeOut () Método en JavaScript.

Código

Un ejemplo de uso del método ClearTimeOut () en JavaScript

Presione el botón para iniciar el mostrador

Presione el botón para detener el mostrador

En el código anterior, el método ClearTimeOut () se utiliza con el método SetTimeOut () para diferenciar el proceso de trabajo entre ellos. La descripción se proporciona en el formato listado:

• En primer lugar, un botón "Presione el botón para iniciar el mostrador"Está unido con un startCount () método.
• Otro botón está asociado con el stopCount () método para detener la ejecución del método anterior.
• Después de presionar el botón, la variable de contador se inicializa y se incrementa en uno cada uno 1000 milisegundos.
• Estos valores se almacenan en el tiempo variable que se utiliza para detener el contador pasando al Método ClearTimeOut ().

La captura de pantalla del código anterior es la siguiente:

Producción

Se observa que el contador comienza después de presionar el "Presione el botón para iniciar el mostrador" botón. El contador incrementa el valor agregando uno. El proceso continúa hasta el "Presione el botón para detener el mostradorSe presiona el botón.

Cómo utilizar el método ClearInterval () en JavaScript?

Este método borra el cronograma creado por el setInterval () método. La ejecución del temporizador creado se termina pasando la misma variable que se devolvió desde el método SetInterval (). La siguiente sintaxis se refiere al método setInterval ().

Sintaxis

ClearInterval (Intervalid)

En esta sintaxis, la interválido es la variable de aprobación que utiliza el mismo valor que el método setInterval ().

Ejemplo
El código de ejemplo escrito a continuación se refiere al ClearTimeOut () método en Javascript.

Código

Un ejemplo de uso del método ClearInterval () en JavaScript

Presione el botón para iniciar un intervalo que imprima un mensaje.

Presione el botón para iniciar el intervalo
Presione el botón para cancelar el intervalo

El código se describe como:

• Dos botones están asociados con los métodos.
• El Resultado() El método se emplea con un botón "Presione el botón para iniciar el intervalo".
• Primero, el intervalo se establece mediante el método SetInterval ().
• Después de eso, un mensaje preguntando: "¿Es JavaScript un lenguaje de secuencias de comandos??"Se muestra cada 500 milisegundos.
• Al final, el ClearInterval () El método se utiliza pasando la misma variable devuelta por el método setInterval ().

Producción

En la salida, el mensaje "¿Es JavaScript un lenguaje de secuencias de comandos??"Se muestra repetidamente presionando el botón Intervalo de inicio. Después de eso, el ClearInterval () El método se utiliza para detener la ejecución y mostrar un mensaje "Intervalo cancelado".

Conclusión

Javascript proporciona funcionalidad para detener la ejecución del código utilizando el ClearTimeOut () y métodos ClearInterval (). El método ClearTimeOut () se emplea para borrar el valor del temporizador establecido por el método setTimeOut (). Por otro lado, el ClearInterval () El método detiene el intervalo pasando el mismo valor establecido por el método SetInterval () en JavaScript. Aquí, ha aprendido a comprender los métodos ClearTimeOut () y ClearInterval () en Javascript.