MohirDox

Ko'rinishi

JavaScript Vaqt Hodisalari (Timing Events) ​

JavaScript-da kodni ma'lum bir vaqt oralig'ida yoki kechikish bilan bajarish imkoniyati mavjud. Bunga vaqt hodisalari (timing events) deyiladi.

Asosiy metodlar ​

window obyekti vaqt bilan ishlash uchun ikkita asosiy metodni taqdim etadi:

  1. setTimeout(funksiya, millisekund) — ma'lum vaqt kutgandan so'ng funksiyani bir marta bajaradi.
  2. setInterval(funksiya, millisekund) — funksiyani ma'lum vaqt oralig'ida doimiy ravishda takrorlaydi.

Eslatma

Ushbu metodlar window obyektiga tegishli bo'lgani uchun ularni window. prefiksisiz ham ishlatish mumkin.

setTimeout() metodi ​

Ushbu metod ko'rsatilgan vaqtdan keyin kodni bir marta ishga tushiradi.

js
// 3 soniyadan keyin salom berish
setTimeout(function () {
  alert('Salom!')
}, 3000)

Kodni to'xtatish: clearTimeout() ​

Agar vaqt tugashidan oldin amalni bekor qilmoqchi bo'lsangiz, clearTimeout() metodidan foydalanasiz. Buning uchun setTimeout qaytargan ID-ni saqlab qo'yish kerak:

js
let myTimer = setTimeout(myFunction, 3000)

// Amalni bekor qilish
clearTimeout(myTimer)

setInterval() metodi ​

Ushbu metod funksiyani har bir belgilangan vaqt oralig'ida takroran ishga tushiradi. Masalan, har soniyada soatni yangilab turish uchun qulay.

js
// Har soniyada vaqtni ko'rsatish
setInterval(displayTime, 1000)

function displayTime() {
  const d = new Date()
  console.log(d.toLocaleTimeString())
}

Kodni to'xtatish: clearInterval() ​

Takrorlanishni to'xtatish uchun clearInterval() ishlatiladi:

js
let myInterval = setInterval(myTimer, 1000)

// To'xtatish
clearInterval(myInterval)

Muhim

1 soniya = 1000 millisekund. Agar funksiya 5 soniyadan keyin ishlashini xohlasangiz, 5000 sonini yozasiz.

Ehtiyot bo'ling

setInterval ichidagi funksiya juda og'ir bo'lsa va ishlash vaqti intervaldan uzun bo'lsa, bu brauzer unumdorligiga salbiy ta'sir qilishi mumkin.