ფუნქცია 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);