Entendendo o setTimeout e o setInterval do Javascript

Olá, pessoal!

Vou esclarecer hoje as dúvidas sobre as funções setTimeout e setInterval do JavaScript.

Com a função setTimeout, você define um tempo para que o javascript execute uma função.
Os parâmetros da função setTimeout( função , tempo ):
função: Função que você quer executar.
tempo: quanto tempo depois que rodar o script você quer que ela seja executada, em milisegundos.

Exemplo 1:

Exemplo setTimeout #1

Para passar parâmetros na função que será chamada pelo setTimeout você pode fazer como no exemplo abaixo (não recomendado):

Exemplo 2:

Exemplo setTimeout #2

A forma mais correta, é criar uma função que por sua vez chama a outra função passando as variáveis como parâmetros.

Exemplo 3:

Exemplo setTimeout #3

A função setInterval tem um comportamento diferente, com ela você irá definir um intervalo para que uma função seja executada constantemente.
Os parâmetros da função setInterval( função , tempo ):
função: Função que você quer executar.
tempo: de quanto em quanto tempo essa função será executada (em milisegundos).

Exemplo 4:

Exemplo setInterval #1

Para passar variáveis você pode seguir o mesmo padrão do setTimeout();

Exemplo 5:

Exemplo setInterval #2

Para parar a execução do setInterval, você deve usar a função clearInterval() conforme mostra o exemplo abaixo:

Exemplo 6:

Exemplo setInterval #3

Código completo:

Obrigado pela leitura, compartilhe!

Se você gostou desse post, compartilhe com seus amigos, ajude a espalhar conhecimento!
Não se esqueça de nos seguir nas redes sociais, por que você não pode ficar de fora!

1. Faça parte da nossa lista de Desenvolvedores ?
2. Se inscreva em nosso canal do Youtube ?
3. Curta nossa página no Facebook ?
4. Não perca as atualizações no Twitter ?
5. Veja as dicas no Instagram ?
6. Siga nossos repositórios no Github ⌨️