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 JavaScriptjunto 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 con la ayuda de la función asíncrona y la función 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 Promesas 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 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 clearInterval() función.

4. Usando new Promise()

Puedes crear una promesa que se resuelva tras un retardo determinado 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 también 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, vamos a ver cómo podemos combinar las técnicas de retraso de código JavaScript con IronPDF para crear un documento PDF después de esperar 5 segundos intérprete asíncrono de JavaScript 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 introducido IronPDF JS visite el sitio web oficial. Para más ejemplos de código, visite página.

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.