Licznik za pomocą funkcji setInterval w JavaScript

Oczywiście, nie jest zbyt interesujące to, że nasz timer za każdym razem wyświetla to samo. Sprawmy, aby nasze zadanie było bardziej skomplikowane i sprawmy, aby co sekundę w konsoli wyświetlały się liczby rosnąco: najpierw 1, potem 2, następnie 3 i tak dalej.

Do tego będziemy potrzebować zmiennej licznika, która będzie przechowywać swoje wartości pomiędzy uruchomieniami funkcji. Nietrudno zrozumieć, że można po prostu zrobić zmienną globalną:

let i = 0; // zmienna globalna

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

Przepiszmy to bardziej kompaktowo:

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

Lub jeszcze bardziej kompaktowo za pomocą funkcji strzałkowej:

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

Załóżmy, że dana jest zmienna, w której początkowo przechowywana jest liczba 100. Uruchom timer, który co sekundę będzie zmniejszał wartość tej zmiennej o 1 i wyświetlał tę wartość w konsoli.