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. 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 install @ironsoftware/ironpdfnpm install @ironsoftware/ironpdf6. 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.
Comience gratis
Comience gratis
Reserve demostración en vivo gratis
No se requiere tarjeta de crédito ni creación de cuenta
