Laskuri setInterval-funktion avulla JavaScriptissä
Tietenkään ei ole kovin mielenkiintoista, että
ajastimemme tulostaa joka kerta saman asian. Monimutkaistakaamme
tehtäväämme ja tehkäämme niin, että
joka sekunti konsoliin tulostuvat numerot
nousevassa järjestyksessä: ensin 1, sitten 2,
sitten 3 ja niin edelleen.
Tätä varten tarvitsemme laskurimuuttujan, joka säilyttää arvonsa funktion kutsujen välissä. On helppo ymmärtää, että voimme yksinkertaisesti luoda globaalin muuttujan:
let i = 0; // globaali muuttuja
setInterval(function() {
i++;
console.log(i);
}, 1000);
Kirjoitetaan uudelleen tiiviimmin:
let i = 0;
setInterval(function() {
console.log(++i);
}, 1000);
Tai vielä tiiviimmin nuolifunktion avulla:
let i = 0;
setInterval(() => console.log(++i), 1000);
Olkoon annettu muuttuja, jossa aluksi
säilytetään numero 100. Käynnistä ajastin,
joka joka sekunti vähentää kyseisen muuttujan arvoa
1:llä ja tulostaa tämän
arvon konsoliin.