📜  js esperar um tempo - Javascript (1)

📅  最后修改于: 2023-12-03 15:02:22.249000             🧑  作者: Mango

JS Esperar um Tempo - Javascript

Às vezes, em nossos projetos Javascript, precisamos esperar por algum evento ou realizar um processo que leva algum tempo. Nesses casos, é útil saber como esperar um determinado tempo em Javascript. Existem várias maneiras de fazer isso, e neste artigo vamos explorar algumas das opções mais comuns.

Usando setTimeout

A maneira mais simples de esperar um determinado tempo em Javascript é usar a função setTimeout. Esta função executa um código após um certo tempo ter passado. Aqui está o formato básico:

setTimeout(() => {
  //código a ser executado após o tempo ter passado
}, tempo_em_milisegundos);

Por exemplo, se quisermos esperar 5 segundos antes de exibir uma mensagem no console, podemos fazer o seguinte:

setTimeout(() => {
  console.log('Mensagem exibida após 5 segundos!');
}, 5000); //5 segundos em milisegundos
Usando Promises

Outra maneira de esperar um determinado tempo em Javascript é usar Promises. As Promises fornecem uma maneira mais flexível de lidar com operações assíncronas, incluindo a espera de um determinado tempo.

Aqui está um exemplo de como usar Promises para esperar um tempo:

function wait(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

//exemplo de uso:
wait(5000).then(() => {
  console.log('Mensagem exibida após 5 segundos!');
});
Explicação do código

Este código define uma função wait que retorna uma Promise. Ao chamar essa função com um número de milissegundos, a Promise aguarda esse tempo antes de resolver e chamar a função then.

Usando async/await

Por fim, a última opção que vamos explorar é usar async/await. Este é um recurso relativamente novo em Javascript, mas é uma maneira poderosa e fácil de lidar com operações assíncronas.

Aqui está um exemplo de como usar async/await para esperar um determinado tempo:

async function esperaUmTempo() {
  await new Promise(resolve => setTimeout(resolve, 5000));
  console.log('Mensagem exibida após 5 segundos!');
}

//chamada da função:
esperaUmTempo();
Explicação do código

Este código define uma função esperaUmTempo que usa o recurso async/await para aguardar a conclusão da Promise retornada pela função setTimeout. Esta função é chamada sem o uso do método then de Promise e o tempo é definido diretamente dentro da Promise.

Em resumo, esperar um tempo é uma tarefa comum na programação JavaScript. Agora você tem três opções para escolher com base na sua necessidade: setTimeout, Promises, e async/await. Espero que este artigo tenha sido útil para você e tenha expandido seu conhecimento em programação JavaScript.