Ir para o conteúdo do rodapé
AJUDA DO NODE

JavaScript: Aguarde 5 segundos (Como funciona para desenvolvedores)

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

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

JavaScript Aguardar 5 segundos (Como funciona para desenvolvedores): Figura 1 - Saída do console usando a função setTimeout() do JavaScript e aguardando 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();
JAVASCRIPT

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

JavaScript Aguardar 5 segundos (Como funciona para desenvolvedores): Figura 2 - Saída do console usando a função setTimeout() do JavaScript de forma assíncrona dentro de uma Promise e aguardando 5000 milissegundos ou 5 segundos.

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

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

JavaScript Aguardar 5 segundos (Como funciona para desenvolvedores): Figura 3 - Saída do console usando o método setInterval() do JavaScript e aguardando 5000 milissegundos ou 5 segundos. . Em seguida, limpe o intervalo usando 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");
});
JAVASCRIPT

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.

 JavaScript: Aguardando 5 segundos (Como funciona para desenvolvedores): Figura 4 - Saída do console usando uma Promise e as funções JavaScript delay() e then(), aguardando 5 segundos.

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 install @ironsoftware/ironpdf
npm install @ironsoftware/ironpdf
SHELL

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

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.

JavaScript Aguardar 5 segundos (Como funciona para desenvolvedores): Figura 5 - Saída do console usando a função setTimeout() do JavaScript e aguardando 5 segundos. Em seguida, o código IronPDF é executado para converter a string HTML em um documento PDF e exibe a mensagem PDF criado após espera no console.

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.

Darrius Serrant
Engenheiro de Software Full Stack (WebOps)

Darrius Serrant é bacharel em Ciência da Computação pela Universidade de Miami e trabalha como Engenheiro de Marketing WebOps Full Stack na Iron Software. Atraído por programação desde jovem, ele via a computação como algo misterioso e acessível ao mesmo tempo, tornando-a o meio ...

Leia mais

Equipe de suporte de ferro

Estamos online 24 horas por dia, 5 dias por semana.
Bater papo
E-mail
Liga para mim