Bazat e punës me funksionin setInterval në JavaScript

Në këtë mësim do të mësojmë se si të punojmë me kohëmatësit në JavaScript. Pasi të keni kuptuar kohëmatësit, ju do të jeni në gjendje të kryeni automatikisht në faqe ndonjë operacion pas një intervali kohor të caktuar. Për shembull, do të mund të bëni një shfletues fotosh, në të cilin fotot do të ndryshojnë çdo sekondë.

Për të punuar me kohëmatësit në JavaScript përdoret funksioni setInterval, i cili nis kodin e caktuar në intervale të caktuara kohe.

Ky funksion funksionon si më poshtë: si parametër të parë ai pranon kodin burimor të funksionit, dhe si parametër të dytë - intervalin, pas së cilës ky funksion do të thirret automatikisht. Parametri i dytë specifikohet në milisekonda (1000 milisekonda = 1 sekondë).

Le të studiojmë funksionimin e funksionit me ndonjë shembull. Për shembull, le të shkruajmë kod, i cili çdo sekondë do të shtypë diçka në konsolë.

Për fillim, le të bëjmë një funksion që shtyp diçka në konsolë:

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

Dhe tani me ndihmën e setInterval le ta detyrojmë funksionin e krijuar nga ne të ekzekutohet çdo sekondë:

setInterval(timer, 1000);

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

Nuk është e detyrueshme të krijohet një funksion i veçantë - thjesht mund t'i kaloni si parametër të parë të setInterval një funksion anonim, ja kështu:

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

Nisni kohëmatësin, i cili çdo 3 sekonda do të shtypë diçka në konsolë.