📅  最后修改于: 2023-12-03 15:02:22.249000             🧑  作者: Mango
À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.
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
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!');
});
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
.
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();
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.