AYUDA PARA NODOS

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

Actualizado 6 de junio, 2024
Compartir:

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 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")
VB   C#

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

JavaScript Espere 5 segundos (Cómo funciona para los desarrolladores): Figura 1 - Salida de la consola con setTimeout de JavaScript()  y esperar 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()
VB   C#

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

JavaScript Espere 5 segundos (Cómo funciona para los desarrolladores): Figura 2 - Salida de la consola con setTimeout de JavaScript()  de forma asíncrona dentro de una Promise y esperar 5000 milisegundos o 5 segundos.

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")
VB   C#

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

JavaScript Espere 5 segundos (Cómo funciona para los desarrolladores): Figura 3 - Salida de la consola con setInterval de JavaScript()  y esperar 5000 milisegundos o 5 segundos. . A continuación, borre 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)
VB   C#

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.

JavaScript Espera 5 Segundos (Cómo Funciona Para Desarrolladores): Figura 4 - Salida de consola usando una Promise y las funciones JavaScript delay() y then() y esperando 5 segundos.

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
VB   C#

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)()
VB   C#

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.

JavaScript Espere 5 segundos (Cómo funciona para los desarrolladores): Figura 5 - Salida de la consola con setTimeout de JavaScript()  y esperar 5 segundos. A continuación, el código IronPDF se ejecuta para convertir la cadena HTML en documento PDF y muestra el mensaje "PDF Creado después de esperar" 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, 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.

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

¿Listo para empezar? Versión: 2024.6 recién publicada

Instalación gratuita de npm Ver licencias >
123