Основе рада са функцијом setInterval у JavaScript-у

У овом лекцији ћемо научити како да радимо са тајмерима у JavaScript-у. Када схватите тајмере, моћи ћете аутоматски да извршавате на страници било које операције у задатом временском интервалу. На пример, можете направити слајдер слика, у коме ће се слике мењати сваке секунде.

За рад са тајмерима у JavaScript-у користи се функција setInterval, која покреће задати код на одређене временске интервале.

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

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

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

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

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

javascriptsetInterval(timer, 1000);

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

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

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