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 վայրկյան կոնսոլում ինչ-որ բան կտպի: