Асновы работы з функцыяй 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 секунды будзе што-небудзь выводзіць у кансоль.