Fundamentos do trabalho com a função setInterval em JavaScript

Nesta lição, aprenderemos a trabalhar com temporizadores em JavaScript. Ao entender os temporizadores, você poderá executar automaticamente na página quaisquer operações após um intervalo definido de tempo. Por exemplo, será possível criar um slider de imagens, no qual as imagens mudarão a cada segundo.

Para trabalhar com temporizadores em JavaScript, usa-se a função setInterval, que inicia o código definido em intervalos regulares de tempo.

Esta função funciona da seguinte maneira: como primeiro parâmetro, ela aceita o código fonte da função, e como segundo parâmetro - o intervalo, após o qual esta função será chamada automaticamente. O segundo parâmetro é definido em milissegundos (1000 milissegundos = 1 segundo).

Vamos estudar o funcionamento da função com algum exemplo. Por exemplo, vamos escrever um código que a cada segundo exibirá algo no console.

Para começar, vamos fazer uma função que exibe algo no console:

function timer() {
	console.log('!');
}

E agora, com setInterval, faremos com que a função que criamos seja executada a cada segundo:

setInterval(timer, 1000);

function timer() {
	console.log('!');
}

Não é necessário criar uma função separada - pode-se simplesmente passar para o primeiro parâmetro de setInterval uma função anônima, assim:

setInterval(function() {
	console.log('!');
}, 1000);

Inicie um temporizador que a cada 3 segundos exibirá algo no console.