Entendendo SetTimeout e SetInterval:

O conceito de SetTimeout e SetInterval é ligado ao uso assíncrono do JavaScript. Eles são métodos que gerenciam um tempo no nosso código quando está em execução de segundo plano.

SetTimeout:

A função setTimeout executa uma ação após um determinado período de tempo especificado em milissegundos após o tempo determinado acabar.

Sua sintaxe pode ser exemplificada nesse modelo:

setTimeout(functionRef) //A function será executada depois que o timer expirar.

setTimeout(functionRef, delay)// (delay) O tempo determinado que o timer deve aguardar.

setTimeout(functionRef, delay, param1)// (param1) Argumentos adicionais que são passados ​​para a função especificada por functionRef.


setTimeout(functionRef, delay, param1, param2)Segundos parâmetros...

A forma dele em ação seria assim:

setTimeout(function() {
  console.log("Executado depois de 3 segundos");
}, 3000);

Isso fará com que a mensagem "Executando depois de 3 segundos" seja exibida no console após 3 segundos.

SetInterval:

Já a função setInterval executa uma ação de forma repetida a cada intervalo de tempo especificado, também em milissegundos.

Por exemplo:

setInterval(function() {
  console.log("Executando a cada 2 segundos");
}, 2000);

Isso fará com que a mensagem "Executando a cada 2 segundos" seja exibida no console a cada 2 segundos.

É interessante que os dois casos retornam um ID que pode ser usado para cancelar a execução futura da função, usando a função clearTimeout ou clearInterval, respectivamente. Por exemplo:

let intervalID = setInterval(function() {
  console.log("Executando a cada 2 segundos");
}, 2000);

// Parar a execução após 5 segundos
setTimeout(function() {
  clearInterval(intervalID);
}, 5000);

Em resumo, vimos o como setTimeout e setInterval funcionam e com utilizar pra controlar a execução intervalo de tempo em JavaScript. É importante salientar sobre o uso indevido destes, pois podem afetar o desempenho da aplicação se não forem gerenciados corretamente.

Obrigado por ler!!!