Pagrindai dirbant su setInterval funkcija JavaScript

Šioje pamokoje mes išmoksime dirbti su laikmačiais JavaScript. Supratę laikmačius, jūs galėsite automatiškai vykdyti puslapyje kokias nors operacijas per nustatytą laiko intervalą. Pavyzdžiui, galėsite padaryti paveikslėlių slankiklį, kuriame paveikslėliai keisis kiekvieną sekundę.

Norint dirbti su laikmačiais JavaScript, naudojama funkcija setInterval, kuri paleidžia nustatytą kodą per tam tikrus laiko intervalus.

Ši funkcija veikia taip: pirmu parametru ji priima funkcijos pirminį kodą, o antruoju parametru - intervalą, po kurio ši funkcija bus automatiškai iškviečiama. Antrasis parametras nustatomas milisekundėmis (1000 milisekundžių = 1 sekundė).

Išmokime funkcijos veikimą kokiu nors pavyzdžiu. Pavyzdžiui, parašykime kodą, kuris kiekvieną sekundę ką nors išvestų į konsolę.

Pirmiausia sukurkime funkciją, kuri išveda ką nors į konsolę:

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

O dabar, naudodami setInterval, priversime mūsų sukurtą funkciją vykdytis kiekvieną sekundę:

setInterval(timer, 1000);

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

Nebūtinai reikia kurti atskirą funkciją - galite tiesiog į pirmą parametrą setInterval perduoti anoniminę funkciją, štai taip:

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

Paleiskite laikmatį, kuris kas 3 sekundes ką nors išves į konsolę.