Contador usando a função setInterval em JavaScript

Claro que não é muito interessante que nosso temporizador exiba a mesma coisa toda vez. Vamos complicar nossa tarefa e fazer com que a cada segundo números crescentes sejam exibidos no console: primeiro 1, depois 2, depois 3 e assim por diante.

Para isso, precisaremos de uma variável contadora, que armazenará seus valores entre as execuções da função. É fácil entender que podemos simplesmente criar uma variável global:

javascriptlet i = 0; // variável global

setInterval(function() {
  i++;
  console.log(i);
}, 1000);

Vamos reescrever de forma mais compacta:

javascriptlet i = 0;
setInterval(function() {
  console.log(++i);
}, 1000);

Ou ainda mais compacto usando uma função arrow:

javascriptlet i = 0;
setInterval(() => console.log(++i), 1000);