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 paraesperar 5 segundos en JavaScriptjunto con ejemplos de cada método para pausar la ejecución de JavaScript. Además, crearemos archivos PDF con la ayuda deIronPDF for Node.js uso de funciones asíncronas y funciones de tiempo de espera.

1. Usando setTimeout()

La función setTimeout() es una función JavaScript integrada que ejecuta una función o fragmento de código especificado tras un retardo de tiempo especificado en milisegundos.

Ejemplo

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

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

console.log("Start")
setTimeout(Sub()
	console.log("Waited for 5 seconds")
End Sub, 5000)
console.log("End")

En este ejemplo, el código dentro de setTimeout() La función se ejecutará tras un retardo de 5000 milisegundos.(o 5 segundos).

2. Uso de promesas y async/await

También puede utilizar Promises junto con async/await para crear un retraso en JavaScript, también conocido como código asíncrono.

Ejemplo

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

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

Async Function delay() As [function]
	console.log("Start")
	Await New Promise(Sub(resolve) setTimeout(resolve, 5000))
	console.log("Waited for 5 seconds")
	console.log("End")
End Function
delay()

En este ejemplo, el retardo()La función utiliza async/await para pausar la ejecución durante 5 segundos utilizando una Promise.

3. Uso de setInterval()

Mientras que el setInterval() se utiliza generalmente para acciones repetidas, también se puede utilizar para crear un retraso de una sola vez mediante el borrado del 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");

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

console.log("Start")
Dim timer As let = setInterval(Sub()
	console.log("Waited for 5 seconds")
	clearInterval(timer)
End Sub, 5000)
console.log("End")

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

4. Usando new Promise()

Puedes crear una Promise que se resuelva tras un retardo especificado utilizando 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");
});

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

console.log("Start")
const delay = Function(ms) New Promise(Sub(resolve) setTimeout(resolve, ms))
delay(5000).then(Sub()
	console.log("Waited for 5 seconds")
	console.log("End")
End Sub)

En este ejemplo, el retardo()La función devuelve una Promise que se resuelve al cabo de 5 segundos, y utilizamos .then() para ejecutar el código después del retardo.

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

npm install @ironsoftware/ironpdf

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'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");
})();

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");
})();

import
If True Then
	PdfDocument
End If
from "@ironsoftware/ironpdf"
(Async Function()
	const html_a = `(Of html)(Of body)(Of h1) Hello, IronPDF!</h1></body></html>`
	Await New Promise(Sub(resolve) setTimeout(resolve, 5000))
	const pdfdoc_a = Await PdfDocument.fromHtml(html_a)
	Await pdfdoc_a.saveAs("Waited.pdf")
	console.log("PDF Created after wait")
End Function)()

En este fragmento de código, el async() La función espera 5 segundos usando async/await y setTimeout(). Tras el retraso, crea un nuevo documento PDF utilizando PdfDocument.fromHtml de IronPDF() con un contenido HTML sencillo. 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.

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, hemos explorado varios métodos para esperar 5 segundos en JavaScript, incluyendo el uso de setTimeout(), Promesas con async/await, setInterval(), y nueva Promesa() y la función sleep de JavaScript.

Además, hemos introducidoIronPDF JS para la gestión de archivos PDF mediante JavaScript. Para ver más ejemplos de código, visite la páginaEjemplos de IronPDF for 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.