Como pegar a velocidade da internet com
JavaScript
[Link]
internet-com-javascript/
Como definir atraso de tempo em JavaScript?
Última atualização: 03 out, 2024
Atrasar a execução do código é uma técnica fundamental que é
comumente usada em JavaScript para tarefas como animações,
sondagem de API ou gerenciamento de intervalos de tempo entre
ações. JavaScript fornece vários métodos internos para definir atrasos
de tempo: setTimeout() e setInterval().
Podemos definir o atraso de tempo em javascript usando os métodos
abaixo
Índice
Usando o método setTimeout()
Usando setInterval(): Repetindo a execução
Usando o método setTimeout()
A função setTimeout() é a maneira mais direta de atrasar a execução
de código em JavaScript. Ela pega uma função de retorno de chamada
e um atraso em milissegundos, então executa o retorno de chamada
após o atraso ter passado.
Sintaxe:
setTimeout(função, atraso);
Função: A função a ser executada após o atraso.
Atraso: O tempo em milissegundos após o qual a função será
executada.
Exemplo: Neste exemplo, a mensagem "Olá, Mundo!" é exibida após
um atraso de 2 segundos (2000 milissegundos).
setTimeout(() => {
[Link]("Hello, World!");
}, 2000);
Saída: Isso imprimirá "Olá, Mundo!" no console após um atraso de 2
segundos.
Cancelando um setTimeout()
Se quiser cancelar um timeout que você definiu, você pode
usar clearTimeout() . Isso requer salvar o ID de timeout retornado por
setTimeout().
const timeoutId = setTimeout(() => {
[Link]("This will not be executed.");
}, 5000);
clearTimeout(timeoutId);
Nesse caso, o tempo limite é cancelado, então a mensagem não será
impressa.
Usando o método setInterval()
setInterval() é usado para executar uma função repetidamente em
um intervalo de tempo especificado. Como setTimeout(), ele pega
uma função de retorno de chamada e um intervalo em milissegundos.
Sintaxe:
setInterval(função, intervalo);
função: A função a ser executada em cada intervalo.
intervalo: O tempo em milissegundos entre cada execução da
função.
Exemplo: Neste exemplo, "Olá!" é registrado no console a cada 1
segundo.
setInterval(() => {
[Link]("Hello!");
}, 1000);
Saída: