How to Delay execution with setTimeout in JavaScript

Cómo retrasar la ejecución con setTimeout en JavaScript

La guía completa para la administración de WP y cómo optimizar su sitio para obtener el máximo rendimiento Leiendo Cómo retrasar la ejecución con setTimeout en JavaScript 3 minutos Siguiente WordPress 6.0 finalmente está aquí.

Por Bofu Agence Marketing23 may 20220 comments

Etiquetas

¿Quieres retrasar la ejecución del código? Entonces, el método JavaScript setTimeout podría resultar útil.

En este tutorial, aprenderá la sintaxis setTimeout en detalle y los consejos para usarla de manera más efectiva. También aprenderá sobre el método para borrar el tiempo de espera.

¡Al final de este tutorial, deberías poder manejar setTimeout como un profesional!

Cómo funciona setTimeout

La mayoría de nosotros usamos setTimeout todo el tiempo sin darnos cuenta.

Es una función útil que nos ayuda a controlar la ejecución del código después de un retraso establecido.

El código se ejecutará una vez después de que haya transcurrido el retraso especificado al usarlo.

Puede especificar un retraso en milisegundos, lo que le permite controlar con precisión cuánto tiempo esperará el código antes de ejecutar el código interno.

Por ejemplo, puede usarlo para poner en cola varias tareas y ejecutarlas todas a la vez una vez transcurrido el retraso.

Pasar parámetros a setTimeout

Se necesitan dos parámetros: el nombre de la función y el valor del retraso en milisegundos.

También puede pasar la devolución de llamada directa o una función de flecha como primer parámetro.

Ejemplo de setTimeout

Veamos un ejemplo de cómo usarlo.

Ejemplo rápido

Redirigir a un usuario a una página diferente después de 5 segundos.

Puede redirigir a un usuario en JavaScript a través de window.location.href = "URL"

Ejemplo de setTimeout

clearTimeout: borra la ejecución de setTimeout

Borrar el período de tiempo de espera es útil para diversos propósitos en el código.

Se puede utilizar para limpiar código o cancelar una acción que ya se inició.

Por ejemplo, si configura un temporizador de 10 minutos y desea cancelarlo antes o cancelar el tiempo de espera según una condición específica. Puedes usar clearTimeout .

Esto detendrá la ejecución del temporizador y lo devolverá a su estado inicial.

También puedes usar clearTimeout para evitar bucles infinitos y otros problemas.

ejemplo de clearTimeout

Preguntas frecuentes

¿Hay alguna diferencia entre setTimeout y setInterval?

setTimeout ejecuta el código después de un período de tiempo determinado y solo se ejecuta una vez. Por el contrario, setInterval ejecuta el código varias veces según el intervalo establecido en milisegundos.

¿Puedo crear un temporizador de cuenta regresiva con setTimeout en javascript?

No puedes crear un temporizador de cuenta regresiva porque solo se ejecuta una vez. Sin embargo, puede utilizar el método setInterval para este propósito.