En JavaScript, esperar una duración específica, como 5 segundos, es un requisito común. Ya sea que quieras retrasar una acción o simular un estado de carga, entender cómo implementar una demora en JavaScript es esencial con código sincrónico. En este artículo, exploraremos varios métodos para esperar 5 segundos en JavaScript, junto con ejemplos para cada método para pausar la ejecución de JavaScript. Además, crearemos archivos PDF con la ayuda de IronPDF for Node.js usando funciones asincrónicas y funciones de establecer tiempo de espera.

1. Uso de setTimeout()

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

Ejemplo

console.log("Start");

// Schedules a function to be executed after 5000 milliseconds (5 seconds)
setTimeout(() => {
    console.log("Waited for 5 seconds");
}, 5000);

console.log("End");

console.log("Start");

// Schedules a function to be executed after 5000 milliseconds (5 seconds)
setTimeout(() => {
    console.log("Waited for 5 seconds");
}, 5000);

console.log("End");

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).

2. Uso de promesas y async/await

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

Ejemplo

async function delay() {
    console.log("Start");
    // Creates a promise that resolves after 5000 milliseconds (5 seconds)
    await new Promise(resolve => setTimeout(resolve, 5000));
    console.log("Waited for 5 seconds");
    console.log("End");
}

// Call the async function
delay();

async function delay() {
    console.log("Start");
    // Creates a promise that resolves after 5000 milliseconds (5 seconds)
    await new Promise(resolve => setTimeout(resolve, 5000));
    console.log("Waited for 5 seconds");
    console.log("End");
}

// Call the async function
delay();

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

3. Uso de setInterval()

Aunque la función setInterval() generalmente se usa para acciones repetidas, también puedes usarla para crear una demora única limpiando el intervalo después del tiempo deseado.

Ejemplo

console.log("Start");

let timer = setInterval(() => {
    console.log("Waited for 5 seconds");
    // Clear the interval after the desired delay
    clearInterval(timer);
}, 5000);

console.log("End");

console.log("Start");

let timer = setInterval(() => {
    console.log("Waited for 5 seconds");
    // Clear the interval after the desired delay
    clearInterval(timer);
}, 5000);

console.log("End");

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

4. Uso de new Promise()

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

Ejemplo

console.log("Start");

// Delay function that returns a promise which resolves after `ms` milliseconds
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));

// Use the delay function
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});

console.log("Start");

// Delay function that returns a promise which resolves after `ms` milliseconds
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));

// Use the delay function
delay(5000).then(() => {
    console.log("Waited for 5 seconds");
    console.log("End");
});

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 de la demora.

5. Introducción a IronPDF JS

IronPDF Biblioteca de JavaScript para Generación de PDF proporciona una biblioteca de JavaScript que permite a los desarrolladores manipular y generar documentos PDF directamente desde JavaScript del lado del cliente. Ofrece una gama de características para crear, editar y convertir archivos PDF usando JavaScript.

Instalación de IronPDF JS

Para comenzar a usar IronPDF JS, necesitas incluir la biblioteca de JavaScript IronPDF en tu proyecto. Puedes incluirla a través de CDN o descargándola directamente desde el sitio web de IronPDF.

npm i @ironsoftware/ironpdf

6. Uso de JavaScript Wait for 5 Seconds con IronPDF

Ahora, veamos cómo podemos combinar las técnicas de demora en el código JavaScript con IronPDF para crear un documento PDF después de esperar 5 segundos usando un intérprete JavaScript asincrónico en el siguiente fragmento de código.

Ejemplo de código

import { PdfDocument } from "@ironsoftware/ironpdf";

(async () => {
    const html = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
    // Wait for 5 seconds
    await new Promise(resolve => setTimeout(resolve, 5000));
    // Create PDF from the HTML content
    const pdfDocument = await PdfDocument.fromHtml(html);
    // Save the PDF file
    await pdfDocument.saveAs("Waited.pdf");  
    console.log("PDF Created after wait");
})();

import { PdfDocument } from "@ironsoftware/ironpdf";

(async () => {
    const html = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
    // Wait for 5 seconds
    await new Promise(resolve => setTimeout(resolve, 5000));
    // Create PDF from the HTML content
    const pdfDocument = await PdfDocument.fromHtml(html);
    // Save the PDF file
    await pdfDocument.saveAs("Waited.pdf");  
    console.log("PDF Created after wait");
})();

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

Conclusión

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

Además, presentamos IronPDF JS para gestionar archivos PDF usando JavaScript. Para más ejemplos de código, visita los Ejemplos de IronPDF Node.js.

Al entender estas técnicas y herramientas, puedes implementar eficazmente demoras en tus aplicaciones JavaScript y utilizarlas en tareas más complejas, como generar documentos PDF o realizar operaciones asincrónicas. Ya sea que seas un principiante o un desarrollador experimentado, tener un firme dominio de estos fundamentos mejorará tus habilidades de codificación y te permitirá escribir aplicaciones JavaScript más eficientes y robustas.