DOM و رویدادها · ۷ دقیقه مطالعه

تایمرها

setTimeout — یک‌بار بعد از تأخیر

setTimeout(() => {
    console.log("بعد از ۲ ثانیه");
}, 2000);   // زمان به میلی‌ثانیه

setInterval — تکرار دوره‌ای

const id = setInterval(() => {
    console.log("هر ثانیه");
}, 1000);

// توقف
clearInterval(id);

لغو تایمر

const t = setTimeout(fn, 5000);
clearTimeout(t);   // جلوگیری از اجرا

کاربرد واقعی

  • اسلایدر خودکار (هر چند ثانیه عکس بعدی)
  • debounce (صبر کن کاربر تایپش تمام شود، بعد جست‌وجو کن)
let timer;
input.addEventListener("input", () => {
    clearTimeout(timer);
    timer = setTimeout(() => search(input.value), 500);
});

این کد debounce است — دقیقاً همان چیزی که پلی‌گراند آرنا برای اجرای خودکار استفاده می‌کند.

🧪

خودت امتحان کن

اجرا در مرورگرِ خودت — امن

کد را تغییر بده و «اجرا» را بزن. این کد فقط در مرورگر خودت اجرا می‌شود.

برای ثبت پیشرفت و کسب XP وارد شو.

ورود به میدان
→ رویدادها