JavaScript ofrece un predefinido ' borrar tiempo de espera ()” método que gestiona la funcionalidad de tiempo de espera. Permite cancelar el intervalo de tiempo previamente establecido por el “ establecer tiempo de espera ()' función. Detiene la ejecución del bloque de código que se repite después del intervalo de tiempo específico. Se utiliza principalmente en sitios web de banca y comercio electrónico para cancelar tareas programadas.
Esta publicación explicará cómo manejar la función clearTimeout() de JavaScript.
¿Cómo manejar la función “clearTimeout()” de JavaScript?
El ' borrar tiempo de espera ()” cancela el intervalo de tiempo que se configuró anteriormente con la ayuda de “ establecer tiempo de espera ()' función. El ' establecer tiempo de espera ()” establece el intervalo de tiempo para realizar una tarea específica repetidamente dentro del mismo.
Sintaxis
El funcionamiento del “ borrar tiempo de espera ()” depende de su sintaxis básica que se escribe a continuación:
borrar tiempo de espera ( id_de_settimeout )
Según la sintaxis anterior, el ' borrar tiempo de espera ()' toma el ' identificación ' del ' establecer tiempo de espera ()” y detiene el intervalo de tiempo. Si el usuario no pasa la identificación, no realiza nada.
Implementemos la función definida anteriormente usando su sintaxis básica.
Ejemplo 1: Aplicación de la función “clearTimeout()” para detener el intervalo de tiempo establecido
El primer ejemplo aplica el “ borrar tiempo de espera ()” para detener el intervalo de tiempo establecido.
Primero mire el siguiente código HTML:
< centro >< pag > Espere 2 segundos, la página mostrará un encabezado. < / pag >
< h2 identificación = 'H2' >< / h2 >
< botón al hacer clic = 'detener()' > ¡Detén la ejecución! < / botón >
< / centro >
En las líneas de código anteriores:
- El “< centro >”La etiqueta establece la alineación de los elementos HTML dados con el centro de la página web.
- El “< pag >” etiqueta especifica una declaración de párrafo.
- El “< h2 >” la etiqueta es un elemento de encabezado vacío con una identificación “ H2 ”.
- El “< botón >” la etiqueta inserta el elemento del botón que llama al “ detener ()” función cuando está adjunto “ al hacer clic 'Se activa el evento.
A continuación, aplique el “ borrar tiempo de espera ()” usando el bloque de código indicado:
< guion >constante fijar tiempo = establecer tiempo de espera ( comenzar , 2000 ) ;
función comenzar ( ) {
documento. obtenerElementoPorId ( 'H2' ) . HTML interno = '¡Bienvenido a Linuxhint!'
}
función detener ( ) {
borrar tiempo de espera ( fijar tiempo ) ;
}
guion >
En el fragmento de código anterior:
- El ' fijar tiempo 'La variable aplica el' establecer tiempo de espera ()” función que pasa el “ comenzar 'funciona como su primer parámetro y el especificado' número de milisegundos ”como segundo parámetro. Esta función ejecuta el “ comenzar ”funciona en un intervalo de tiempo específico.
- A continuación, defina el “ comenzar ()' función.
- En esta función, el “ documento.getElementById ()” se aplica para acceder al elemento de encabezado vacío cuyo id es “ H2 ”Y añádelo con la declaración de texto proporcionada.
- Después de eso, el “ detener ()”, que aplica la función “ borrar tiempo de espera ()” método que pasa la identificación del “ establecer tiempo de espera ()” para detener su intervalo de tiempo.
Salida (antes de detener la ejecución)
Ahora la salida muestra un elemento de encabezado en un intervalo de tiempo específico antes de detener el intervalo de tiempo establecido mediante el botón ' establecer tiempo de espera ()' método.
Salida (después de detener la ejecución)
El clic del botón dado detiene el intervalo de tiempo que se ha establecido para mostrar el elemento de encabezado.
Ejemplo 2: Aplicar la función “clearTimeout()” para detener una función
Este ejemplo utiliza el “ borrar tiempo de espera ()” función para detener la ejecución de una función:
Primero, revise el código HTML proporcionado:
< centro >< botón al hacer clic = 'comenzar()' > ¡Empieza a contar! < / botón >
< aporte tipo = 'texto' identificación = 'campo' >
< botón al hacer clic = 'detener()' > ¡Deja de contar! < / botón >
< / centro >
En el bloque de código anterior:
- El “< botón >” etiqueta adjunta el “ al hacer clic ”evento para invocar la función “start()” cuando se hace clic en ella.
- El “< aporte >” etiqueta agrega un campo de entrada con el tipo “ texto ”y un “campo” de identificación.
- El siguiente “< botón >” también adjunta el “ al hacer clic ” evento para llamar al “ detener ()” cuando se activa este evento.
Ahora, aplica el “ borrar tiempo de espera ()” usando estas líneas de código:
< guion >dejar contador = 0 ;
dejar establecer tiempo ;
dejar timer_on = 0 ;
función contar ( ) {
documento. obtenerElementoPorId ( 'campo' ) . valor = encimera ;
encimera ++;
fijar tiempo = establecer tiempo de espera ( contar , 1000 ) ;
}
función comenzar ( ) {
si ( ! temporizador_encendido ) {
temporizador_encendido = 1 ;
contar ( ) ;
}
}
función detener ( ) {
borrar tiempo de espera ( fijar tiempo ) ;
temporizador_encendido = 0 ;
}
guion >
En las líneas de código anteriores:
- En primer lugar, el “ dejar 'La palabra clave declara tres variables' contador”, “setTime” y “timer_on ”.
- A continuación, el “ contar ()” está definida la función.
- En sus definiciones, el “ documento.getElementById() 'El método se aplica para acceder al campo de entrada agregado utilizando su identificación'. campo 'Y agréguelo con el valor de' encimera ' variable.
- Ahora, incrementa el valor de “ encimera ' variable.
- Por último, aplique el “ establecer tiempo de espera ()” método para realizar la ejecución del “ contar ()” función en un intervalo de tiempo determinado.
- Después de eso, defina una función llamada ' comenzar ()”.
- En esta función, un “ si 'Se utiliza una declaración que especifica una condición, es decir, si ' imer_on ' no es ' en ' entonces es igual a ' 1 ' y el ' contar ()” se llama a la función.
- Ahora, se define otra función llamada “ detener ()”.
- En su definición, el “ borrar tiempo de espera ()” se aplica pasando el id del “ establecer tiempo de espera ()” método, es decir, “ fijar tiempo ”.
Producción
Se puede observar que el “ Iniciar recuento El botón 'inicia el conteo que aumenta cada 1 segundo. Este conteo se detiene al hacer clic en el botón “ ¡Deja de contar! ' botón.
Se trata de manejar la función clearTimeout() en JavaScript.
Conclusión
El ' borrar tiempo de espera ()” maneja el intervalo de tiempo especificado con la ayuda de “ establecer tiempo de espera ()' función. Realiza esta tarea pasando la identificación del “establecer tiempo de espera()” funciona como su parámetro esencial. Se utiliza para la cancelación de las tareas realizadas en el intervalo de tiempo especificado que se ha establecido mediante el botón ' establecer tiempo de espera ()' función. Esta publicación ha explicado prácticamente el procedimiento para manejar la función clearTimeout() de JavaScript.