Como chamar uma função a cada 5 segundos em JavaScript

Neste artigo você vai aprender a como chamar uma função a cada 5 segundos em JavaScript, de uma maneira simples e eficaz

Fala programador(a), beleza? Bora aprender mais sobre funções e JavaScript!

Em JavaScript temos duas funções para realizar execuções com bases em um tempo

Que são: setTimeout e setInterval

Porém a setTimeout executa apenas uma vez, então queremos a setInterval

Que executa algo de tempos em tempos, e esse tempo é decidido por nós

Veja um código de exemplo completo:

const myInterval = window.setInterval(function(){
  // do something
}, 5000);

Aqui criamos o setInterval, e o código dentro da função anônima será executado a cada cinco segundos, indefinitivamente

Isso pode ser um problema! Como podemos fazer para parar a execução?

Simples, basta utilizar este código:

clearInterval(myInterval) 

O método clearInterval limpa os setIntervals do nosso código, precisamos apenas passar o nome da variável que foi criada o interval

Desta maneira não temos mais a execução de setInterval ocorrendo 🙂

Conclusão

Neste artigo você aprendeu a como chamar uma função a cada 5 segundos em JS

Utilizamos a função setInterval, que executa algo indefinitavemente a cada x segundos

Sendo x definido por nós, no parâmetro de setInterval

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!