Основи на работа со функцијата setInterval во JavaScript

Во оваа лекција ќе научиме како да работиме со тајмери во JavaScript. Откако ќе се запознаете со тајмерите, вие ќе можете автоматски да извршувате на страницата какви било операции по даден временски интервал. На пример, ќе можете да направите слајдер на слики, во кој сликите ќе се менуваат секоја секунда.

За работа со тајмери во JavaScript се користи функцијата setInterval, која ја стартува дадената кодна секвенца на одредени временски интервали.

Оваа функција работи на следниов начин: како прв параметар прифаќа изворен код на функција, а како втор параметар - интервал, по кој оваа функција автоматски ќе се повикува. Вториот параметар се задава во милисекунди (1000 милисекунди = 1 секунда).

Ајде да ја проучиме работата на функцијата со некој пример. На пример, да напишеме код, кој секоја секунда ќе испечати нешто во конзолата.

За почеток, да направиме функција која печати нешто во конзолата:

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

А сега со помош на setInterval ќе натераме функцијата што ја создадовме да се извршува секоја секунда:

setInterval(timer, 1000);

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

Не е неопходно да се создаде посебна функција - можете едноставно во првиот параметар на setInterval да пренесете анонимна функција, вака:

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

Стартувајте тајмер, кој на секои 3 секунди ќе испечати нешто во конзолата.