JavaScript-те setInterval функциясымен жұмыстың негіздері

Бұл сабақта біз JavaScript-те таймерлермен жұмыс істеуді үйренеміз. Таймерлерді түсінгеннен кейін, сіз бетте операцияларды белгіленген уақыт аралығында автоматты түрде орындай аласыз. Мысалы, суреттер слайдерін жасауға болады, онда суреттер әрбір секунд сайын ауысып тұрады.

JavaScript-те таймерлермен жұмыс істеу үшін setInterval функциясы қолданылады, ол берілген кодты белгіленген уақыт аралықтарында іске қосады.

Бұл функция келесідей жұмыс істейді: бірінші параметр ретінде ол функцияның бастапқы кодын қабылдайды, ал екінші параметр ретінде - интервал, осы интервал арқылы функция автоматты түрде шақырылады. Екінші параметр миллисекундпен беріледі (1000 миллисекунд = 1 секунд).

Функцияның жұмысын бір мысалмен қарастырайық. Мысалы, әрбір секунд сайын консольге бір нәрсе шығаратын код жазайық.

Алдымен консольге бір нәрсе шығаратын функция жасайық:

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

Енді setInterval көмегімен біздің жасаған функциямыздың әрбір секунд сайын орындалуын қамтамасыз етейік:

setInterval(timer, 1000);

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

Жеке функция жасау міндетті емес - бірінші параметрге setInterval анонимді функцияны бере аласыз, мына түрде:

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

3 секунд сайын консольге бір нәрсе шығаратын таймерді іске қосыңыз.