[ad_1]
Os programadores usam eventos de temporização para atrasar a execução de determinado código ou para repetir o código em um intervalo específico.
Existem duas funções nativas na biblioteca JavaScript usadas para realizar estas tarefas: setTimeout() e setInterval().
setTimeout
setTimeout() é usado para atrasar a execução da função passada por um período de tempo especificado.
Existem dois parâmetros aos quais você passa setTimeout(): a função que você deseja chamar e a quantidade de tempo em milissegundos para atrasar a execução da função.
Lembre-se de que existem 1000 milissegundos (ms) em 1 segundo, portanto, 5000 ms é igual a 5 segundos.
setTimeout() executará a função do primeiro argumento uma vez após o tempo especificado.
Exemplo:
let timeoutID;function delayTimer() { timeoutID = setTimeout(delayedFunction, 3000);}function delayedFunction() { alert(“Three seconds have elapsed.”);}Quando o delayTimer função é chamada ele será executado setTimeout. Após 3 segundos (3000 ms), ele será executado delayedFunction que enviará um alerta.
setInterval
Usar setInterval() para especificar uma função para repetir com um atraso de tempo entre as execuções.
Novamente, dois parâmetros são passados para setInterval(): a função que você deseja chamar e a quantidade de tempo em milissegundos para atrasar cada chamada da função.
setInterval() continuará sendo executado até que seja limpo.
Exemplo:
let intervalID;function repeatEverySecond() { intervalID = setInterval(sendMessage, 1000);}function sendMessage() { console.log(“One second elapsed.”);}Quando seu código chama a função repeatEverySecond vai correr setInterval. setInterval irá executar a função sendMessage a cada segundo (1000 ms).
clearTimeout e clearInterval
Também existem funções nativas correspondentes para interromper os eventos de temporização: clearTimeout() e clearInterval().
Você deve ter notado que cada função de timer acima é salva em uma variável. Quando o setTimeout ou setInterval função é executada, é atribuído um número que é salvo nessa variável. Observe que o JavaScript faz isso tudo em segundo plano.
Este número gerado é exclusivo para cada instância de temporizadores. Esse número atribuído também é como os cronômetros são identificados quando você deseja interrompê-los. Por esse motivo, você deve sempre definir seu timer para uma variável.
Para maior clareza do seu código, você deve sempre corresponder clearTimeout() para setTimeout() e clearInterval() para setInterval().
Para parar um timer, chame a função de limpeza correspondente e passe a variável ID do timer que corresponde ao timer que você deseja parar. A sintaxe para clearInterval() e clearTimeout() são os mesmos.
Exemplo:
let timeoutID;function delayTimer() { timeoutID = setTimeout(delayedFunction, 3000);}function delayedFunction() { alert(“Three seconds have elapsed.”);}function clearAlert() { clearTimeout(timeoutID);}
[ad_2]
Fonte
