Основе рада са функцијом 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 секунде нешто исписати у конзолу.