Em JavaScript, esperar por um período específico, como 5 segundos, é um requisito comum. Seja para atrasar uma ação ou simular um estado de carregamento, entender como implementar um atraso em JavaScript é essencial para código síncrono. Neste artigo, exploraremos vários métodos para aguardar 5 segundos em JavaScript , juntamente com exemplos para cada método de pausar a execução do JavaScript . Além disso, criaremos arquivos PDF com a ajuda do IronPDF for Node.js usando funções assíncronas e definindo funções de tempo limite.

1. Usando setTimeout()

A função setTimeout() é uma função nativa do JavaScript que executa uma função ou trecho de código específico após um atraso de tempo especificado em milissegundos.

Exemplo

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

Neste exemplo, o código dentro da função setTimeout() será executado após um atraso de 5000 milissegundos (ou 5 segundos).

2. Usando Promises e async/await

Você também pode usar Promises juntamente com async/await para criar um atraso em JavaScript, também conhecido como código assíncrono.

Exemplo

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

Neste exemplo, a função delay() usa async/await para pausar a execução por 5 segundos usando uma Promise.

3. Usando setInterval()

Embora a função setInterval() seja geralmente usada para ações repetidas, você também pode usá-la para criar um atraso único, limpando o intervalo após o tempo desejado.

Exemplo

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

Aqui, a função setInterval() repete a função fornecida a cada 5 segundos até que o intervalo seja limpo com a função clearInterval() .

4. Usando new Promise()

Você pode criar uma Promise que será resolvida após um atraso especificado usando new Promise() .

Exemplo

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

Neste exemplo, a função delay() retorna uma Promise que é resolvida após 5 segundos, e usamos .then() para executar o código após o atraso.

5. Introdução ao IronPDF JS

A biblioteca JavaScript IronPDF para geração de PDFs fornece uma biblioteca JavaScript que permite aos desenvolvedores manipular e gerar documentos PDF diretamente do JavaScript do lado do cliente. Oferece uma variedade de recursos para criar, editar e converter arquivos PDF usando JavaScript.

Instalando o IronPDF JS

Para começar a usar o IronPDF JS, você precisa incluir a biblioteca JavaScript do IronPDF em seu projeto. Você pode incluí-lo via CDN ou baixando-o diretamente do site do IronPDF .

npm i @ironsoftware/ironpdf

6. Usando JavaScript: Aguarde 5 segundos com o IronPDF

Agora, vejamos como podemos combinar as técnicas de atraso de código JavaScript com o IronPDF para criar um documento PDF após uma espera de 5 segundos, utilizando um interpretador JavaScript assíncrono, no seguinte trecho de código.

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

Neste trecho de código, a função assíncrona espera por 5 segundos usando async/await e setTimeout() . Após o atraso, ele cria um novo documento PDF usando o método PdfDocument.fromHtml() do IronPDF com um conteúdo HTML simples. Você pode substituir o código de geração de PDF pelas suas necessidades específicas ou usar os dados do PDF gerado para processamento posterior.

Conclusão

Aguardar um período específico em JavaScript é uma tarefa comum que os desenvolvedores frequentemente encontram. Neste artigo, exploramos vários métodos para aguardar 5 segundos em JavaScript, incluindo o uso de setTimeout() , Promises com async/await , setInterval() , new Promise() e a função sleep do JavaScript .

Além disso, introduzimos o IronPDF JS para gerenciar arquivos PDF usando JavaScript. Para mais exemplos de código, visite os exemplos do IronPDF em Node.js

Ao compreender essas técnicas e ferramentas, você poderá implementar atrasos de forma eficaz em suas aplicações JavaScript e utilizá-los em tarefas mais complexas, como gerar documentos PDF ou realizar operações assíncronas. Seja você iniciante ou um desenvolvedor experiente, ter um sólido domínio desses fundamentos aprimorará suas habilidades de programação e permitirá que você escreva aplicativos JavaScript mais eficientes e robustos.