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 است — دقیقاً همان چیزی که پلیگراند آرنا برای اجرای خودکار استفاده میکند.