ფუნქცია 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 წამში დაბეჭდავს რაიმეს კონსოლში.