La escritura demorada en JavaScript se refiere a la ejecución de código después de un período de tiempo específico. Esto se logra utilizando funciones como setTimeout() y setInterval(). Estas funciones permiten programar la ejecución de código de manera asíncrona, es decir, después de un retraso determinado o a intervalos regulares.

setTimeout()

setTimeout() es una función que se utiliza para ejecutar un bloque de código o una función después de un retraso especificado en milisegundos.

Sintaxis:

1setTimeout(función, retraso);

• función: Es la función que se ejecutará después del retraso.
• retraso: Es el tiempo en milisegundos antes de que se ejecute la función.

Ejemplo:

 
1console.log("Hola");
2
3setTimeout(() => {
4  console.log("Esto se muestra después de 2 segundos");
5}, 2000);
6
7console.log("Adiós");
Salida de Consola!:
Hola
Adiós
Esto se muestra después de 2 segundos

En este ejemplo:

• Hola se imprime inmediatamente.
• Después de 2 segundos (2000 milisegundos), se ejecuta la función dentro de setTimeout, que imprime Esto se muestra después de 2 segundos.
• Adiós se imprime inmediatamente después de Hola, antes de que el retraso termine.

setInterval()

setInterval() es similar a setTimeout(), pero en lugar de ejecutarse solo una vez después del retraso, la función se ejecuta repetidamente en intervalos regulares.

Sintaxis:

1setInterval(función, intervalo);

• función: Es la función que se ejecutará repetidamente.
• intervalo: Es el tiempo en milisegundos entre cada ejecución de la función.

Ejemplo:

1setInterval(() => {
2  console.log("Esto se muestra cada 3 segundos");
3}, 3000);

En este ejemplo:

• La función se ejecuta cada 3 segundos, imprimiendo Esto se muestra cada 3 segundos repetidamente.

Detener la Escritura Demorada

• Para detener un setTimeout() antes de que se ejecute, se puede usar clearTimeout(id) donde id es el valor devuelto por setTimeout().
• Para detener un setInterval(), se usa clearInterval(id) donde id es el valor devuelto por setInterval().

Ejemplo de clearTimeout():

 
1let timeoutID = setTimeout(() => {
2  console.log("Esto nunca se mostrará");
3}, 5000);
4
5clearTimeout(timeoutID);
Salida de Consola!:

Ejemplo de clearInterval():

 
1let intervalID = setInterval(() => {
2  console.log("Esto se mostraría cada 2 segundos");
3}, 2000);
4
5clearInterval(intervalID);
Salida de Consola!:

Resumen

• La escritura demorada en JavaScript se logra con setTimeout() para ejecutar código después de un retraso y setInterval() para ejecutar código repetidamente en intervalos.
• setTimeout() ejecuta una función una sola vez después de un tiempo especificado.
• setInterval() ejecuta una función repetidamente con un intervalo fijo entre ejecuciones.
• Puedes detener estas ejecuciones usando clearTimeout() y clearInterval().

Estas herramientas son esenciales para manejar tareas asíncronas en JavaScript, como temporizadores, animaciones, y otros procesos que necesitan esperar o repetirse en el tiempo.