Diferença entre setInterval e setTimeout JavaScript
Neste artigo mostro qual a diferença entre setInterval e setTimeout do JavaScript?
Introdução
Este artigo tem o intuito de demonstrar qual a principal diferença entre as funções setInterval e setTimeout do Javascript, será uma breve explicação através de simples exemplos de códigos.
Diferença entre setInterval e setTimeout JavaScript
setInterval
O método setInterval() do javascript serve para executar as chamadas de funções ou executar trechos de código várias vezes em um intervalo de tempo determinado.
Com isto concluísse que o método será executado várias vezes de acordo com o período de tempo estipulado ou até que se chame o método clearTimeout que fará a execução do método parar.
Abaixo mostro um exemplo de código usando do método setInterval(), nele a função será chamada a cada 100 milissegundos passando uma função de callback, que vai imprimir a frase "Olá mundo" no console.
function callbackFunction() {
console.log("Olá mundo");
}
setInterval(callbackFunction, 100);
setTimeout
Já o método setTimeout() serve para executar a chamada de uma função ou executar trechos de código quando atingir o tempo estipulado.
Com base nesta breve explicação podemos definir que quando o tempo definido na função for atingido a função será executada e essa função só será executada apenas uma vez.
Logo Abaixo mostro um exemplo de código utilizando o método setTimeout(), nele a função será chamada quando o tempo chegar a 5000 milissegundos(5 segundos).
Ao executar o código será imprisso no console a mensagem Delay de 5 segundos.
setTimeout(() => {
console.log("Delay de 5 segundos.");
}, "5000");
Conclusão
Como base na funcionalidade do dois métodos, verificamos que a principal diferença entre setInterval e setTimeout é a quantidade de vezes que cada uma é executada e quando ocorre a execução de cada uma.
Essa foi uma breve explicação mostrando a principal diferença entre o dois métodos setInterval e setTimeout, conhecer esses dois métodos é essencial para todo programador Javascrit.
Pois ajuda ao programador executar determinados comandos de forma automática sem que o usuário realize qualquer ação.
Um bom exemplo de uso do setInterval seria para de tempos em tempos atualizar uma informação na tela do usuário.
Abaixo deixo o link da documentação das funções.
