Funktsiooni setInterval kasutamise põhialused JavaScriptis

Selles õppetükis õpime töötama taimeritega JavaScriptis. Olles taimeritest aru saanud, saate lehel automaatselt teostada mingeid toiminguid etteantud ajavahemike järel. Näiteks saaks teha piltide slaidiseanssi, milles pildid vahetuksid iga sekund.

Taimeritega töötamiseks JavaScriptis kasutatakse funktsiooni setInterval, mis käivitab etteantud koodi kindlate ajavahemike järel.

See funktsioon töötab järgmiselt: esimese parameetrina võtab ta vastu funktsiooni lähtekoodi, ning teise parameetrina - intervalli, mille järel seda funktsiooni automaatselt kutsutakse. Teine parameeter määratakse millisekundites (1000 millisekundit = 1 sekund).

Uurime funktsiooni tööd mõne näite abil. Näiteks kirjutame koodi, mis iga sekund prindib konsooli midagi.

Alustuseks teeme funktsiooni, mis prindib midagi konsooli:

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

Nüüd kasutame setInterval, et sunnida meie loodud funktsiooni käivituma iga sekund:

setInterval(timer, 1000);

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

Pole vaja luua eraldi funktsiooni - võite lihtsalt esimesele parameetrile setInterval edastada anonüümse funktsiooni, nagu nii:

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

Käivitage taimer, mis iga 3 sekundi järel prindib konsooli midagi.