AYUDA PARA NODOS

JavaScript Wait 5 Seconds (Cómo funciona para desarrolladores)

En JavaScript, esperar una duración específica, como 5 segundos, es un requisito común. Tanto si quieres retrasar una acción como simular un estado de carga, entender cómo implementar un retraso en JavaScript es esencial con el código síncrono. En este artículo, exploraremos varios métodos para esperar 5 segundos en JavaScript, junto con ejemplos de cada método para pausar la ejecución de JavaScript. También, crearemos archivos PDF con la ayuda de IronPDF for Node.js usando funciones asíncronas y funciones de temporizador.

1. Usando setTimeout()

La función setTimeout() es una función incorporada de JavaScript que ejecuta una función o fragmento de código especificado después de un tiempo de retraso especificado en milisegundos.

Ejemplo

console.log("Start");
setTimeout(() => {
    console.log("Waited for 5 seconds");
}, 5000);
console.log("End");
js
JAVASCRIPT

En este ejemplo, el código dentro de la función setTimeout() se ejecutará después de un retraso de 5000 milisegundos (o 5 segundos).

![JavaScript esperar 5 segundos (cómo funciona para desarrolladores): Figura 1 - Salida de consola usando la función JavaScript setTimeout() y esperando 5000 milisegundos o 5 segundos.] ](/static-assets/pdf/blog/javascript-wait-5-seconds/javascript-wait-5-seconds-1.webp)

2. Uso de promesas y async/await

También puedes usar Promesas junto con async/await para crear un retraso en JavaScript, también conocido como código asincrónico.

Ejemplo

async function delay() {
    console.log("Start");
    await new Promise(resolve => setTimeout(resolve, 5000));
    console.log("Waited for 5 seconds");
    console.log("End");
}
delay();
js
JAVASCRIPT

En este ejemplo, la función delay() utiliza async/await para pausar la ejecución durante 5 segundos usando una Promesa.

JavaScript Esperar 5 Segundos (Cómo Funciona para Desarrolladores): Figura 2 - Salida de consola usando la función JavaScript setTimeout() de forma asincrónica dentro de una Promesa y esperando 5000 milisegundos o 5 segundos.

3. Uso de setInterval()

Aunque la función setInterval() generalmente se usa para acciones repetidas, también puedes usarla para crear un retraso único al borrar el intervalo después del tiempo deseado.

Ejemplo

console.log("Start");
let timer = setInterval(() => {
    console.log("Waited for 5 seconds");
    clearInterval(timer);
}, 5000);
console.log("End");
js
JAVASCRIPT

Aquí, la función setInterval() repite la función proporcionada cada 5 segundos hasta que limpiamos el intervalo con la función clearInterval().

JavaScript Wait 5 Seconds (Cómo Funciona para Desarrolladores): Figura 3 - Salida de la consola usando el método JavaScript setInterval() y esperando 5000 milisegundos o 5 segundos. . Luego, limpiar el intervalo usando la función clearInterval().

4. Usando new Promise()

Puedes crear una Promesa que se resuelve después de un retraso especificado usando new Promise().

Ejemplo

console.log("Start");
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});
js
JAVASCRIPT

En este ejemplo, la función delay() devuelve una Promesa que se resuelve después de 5 segundos, y usamos .then() para ejecutar el código después del retraso.

JavaScript esperar 5 segundos (cómo funciona para desarrolladores): Figura 4 - Salida de la consola usando una Promesa y las funciones de JavaScript delay() y then() y esperando durante 5 segundos.

5. Introducción a IronPDF JS

IronPDF Biblioteca JavaScript para la Generación de PDF proporciona una biblioteca JavaScript que permite a los desarrolladores manipular y generar documentos PDF directamente desde JavaScript del lado del cliente. Ofrece una serie de funciones para crear, editar y convertir archivos PDF utilizando JavaScript.

Instalación de IronPDF JS

Para empezar a utilizar IronPDF JS, debe incluir la biblioteca IronPDF JavaScript en su proyecto. Puede incluirlo a través de CDN o descargándolo directamente del sitio web de IronPDF.

npm install @ironsoftware/ironpdf

6. Uso de JavaScript Espere 5 segundos con IronPDF

Ahora, veamos cómo podemos combinar las técnicas de retardo de código JavaScript con IronPDF para crear un documento PDF después de esperar 5 segundos utilizando un intérprete JavaScript asíncrono en el siguiente fragmento de código.

Ejemplo de código

import {PdfDocument} from "@ironsoftware/ironpdf";
(async () => {
    const html_a = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
    await new Promise(resolve => setTimeout(resolve, 5000));
    const pdfdoc_a = await PdfDocument.fromHtml(html_a);
    await pdfdoc_a.saveAs("Waited.pdf");  
    console.log("PDF Created after wait");
})();
js
JAVASCRIPT

En este fragmento de código, la función async() espera 5 segundos usando async/await y setTimeout(). Después del retraso, crea un nuevo documento PDF utilizando el método PdfDocument.fromHtml() de IronPDF con un contenido HTML simple. Puede sustituir el código de generación de PDF por sus requisitos específicos o utilizar los datos PDF generados para su posterior procesamiento.

![JavaScript Esperar 5 Segundos (Cómo Funciona para Desarrolladores): Figura 5 - Salida de la consola usando la función setTimeout() de JavaScript y esperando 5 segundos. Luego, el código de IronPDF se ejecuta para convertir la cadena HTML en un documento PDF y muestra el mensaje "PDF Created after wait" en la consola.

Conclusión

Esperar una duración específica en JavaScript es una tarea común que los desarrolladores se encuentran a menudo. En este artículo, exploramos varios métodos para esperar 5 segundos en JavaScript, incluyendo el uso de setTimeout(), Promises con async/await, setInterval() y new Promise() y la función de suspensión de JavaScript.

Además, introdujimos IronPDF JS para gestionar archivos PDF utilizando JavaScript. Para más ejemplos de código, visite los Ejemplos de IronPDF Node.js.

Si conoce estas técnicas y herramientas, podrá implementar eficazmente retardos en sus aplicaciones JavaScript y utilizarlos en tareas más complejas, como la generación de documentos PDF o la realización de operaciones asíncronas. Tanto si eres un principiante como un desarrollador experimentado, tener un sólido conocimiento de estos fundamentos mejorará tus habilidades de codificación y te permitirá escribir aplicaciones JavaScript más eficientes y robustas.

Darrius Serrant
Ingeniero de Software Full Stack (WebOps)

Darrius Serrant tiene una licenciatura en Informática de la Universidad de Miami y trabaja como Ingeniero de Marketing WebOps Full Stack en Iron Software. Atraído por la programación desde una edad temprana, veía la computación como algo misterioso y accesible, lo que la convertía en el medio perfecto para la creatividad y la resolución de problemas.

En Iron Software, Darrius disfruta creando cosas nuevas y simplificando conceptos complejos para hacerlos más comprensibles. Como uno de nuestros desarrolladores residentes, también se ha ofrecido como voluntario para enseñar a los estudiantes, compartiendo su experiencia con la próxima generación.

Para Darrius, su trabajo es gratificante porque es valorado y tiene un impacto real.

< ANTERIOR
Retry Node.js (Cómo funciona para desarrolladores)
SIGUIENTE >
¿Para qué se utiliza Node.js?

¿Listo para empezar? Versión: 2025.5 acaba de salir

Ver licencias >