Como esperar por x segundos em javascript

Como esperar por x segundos em javascript

As linguagens de programação modernas suportam o método Sleep () para aguardar a execução de um programa. JavaScript é incapaz de usar esse método devido à sua natureza assíncrona. No entanto, o JavaScript alcança esta tarefa usando o setTimeout () método. O método tem a instalação para espere por x segundos Durante a execução do código para servir o objetivo específico do programador.

O artigo demonstra a maneira de esperar x segundos durante a execução do código com os seguintes resultados de aprendizagem:

    • Como esperar por x segundos usando o método setTimeout ()
    • Exemplo 1: Aguarde 5 segundos em JavaScript
    • Exemplo 2: Aguarde 3 segundos em JavaScript

Como esperar por x segundos usando o método setTimeout ()?

O método setTimeout () executa o pedaço de código quando o tempo expirar. O método leva o tempo de entrada em milissegundos e atrasa a execução definida pelo usuário. O método setTimeout () leva dois parâmetros como argumentos. O primeiro argumento refere -se à função de retorno de chamada, que é executada quando o tempo expira. Enquanto os outros argumentos representam o número de milissegundos que atrasam a execução.

Observação: 1000 milissegundos referem -se a 1 segundo.

Sintaxe

janela.setTimeout (funct, milisec);


O "funções ” representa a função de retorno de chamada e “Millisec” representa o número de milissegundos.

Exemplo 1: Aguarde 5 segundos em JavaScript

Um exemplo é considerado para esperar 5 segundos, utilizando o método setTimeout () em JavaScript. O código é fornecido abaixo:

Código

console.log ("Um exemplo para aguardar 5 segundos no JavaScript");
console.log ("javascript");
setTimeout (() => console.log ("mundo"); , 5000);


Neste código, o método interno setTimeout () é empregado para esperar 5000 milissegundos (5 segundos). Depois disso, exiba a mensagem "Mundo" na janela do console.


Saída


É observado na janela de saída que “JavaScript” está impresso primeiro. Depois de esperar 5 segundos, a segunda mensagem "Mundo" é apresentado no console.

Exemplo 2: Aguarde 3 segundos em JavaScript

Como o JavaScript é de natureza assíncrona, ele pode executar funções paralelas. Para esse fim, é considerado um exemplo para esperar 3 segundos de uma maneira assíncrona. Para esse fim, o código é dado aqui.

Código

console.log ("Um exemplo para aguardar 3 segundos em JavaScript");
espere();
função assíncroa espera ()
console.log ("Bem -vindo ao JavaScript");
aguarde sono (3000);
console.log ("Bem -vindo ao linuxhint");

função sono (ms)
retornar nova promessa (val => setTimeout (val, ms));


A descrição do código é dada abaixo:

    • O "espere" o método é empregado de maneira assíncrona.
    • Neste método, "3000" milissegundos são passados ​​para o dormir() Método para atrasar 3 segundos.
    • No dormir() Método, o "Promessa" O objeto é empregado para executar a operação de maneira assíncrona.
    • No final, o setTimeout () O método é empregado passando os milissegundos "EM".


Saída


A saída mostra o código executável e exibe “Bem -vindo ao JavaScript.” Depois de esperar 3 segundos, a mensagem “Bem -vindo ao Linuxhint” é exibido na janela do console.

Conclusão

JavaScript fornece um método interno setTimeout () esperar x segundos com base nas necessidades do usuário. O termo "x" aqui se refere ao número de segundos. O setTimeout () não quebra o controle de fluxo do programa, mas atrasa sua execução. A hora é fornecida em milissegundos pelo usuário. Este post demonstrou o uso do método sertimeout () para aguardar segundos específicos no JavaScript.