الدرس الثالث والعشرون: المؤقتات (setTimeout / setInterval) في JavaScript

 تُستخدم المؤقتات لتنفيذ كود بعد مدة زمنية معينة أو بشكل متكرر كل فترة زمنية.

---

1. setTimeout – تنفيذ كود بعد مدة محددة مرة واحدة

setTimeout(function() {
  alert("مرّت 3 ثوانٍ!");
}, 3000); // 3000 ميلي ثانية = 3 ثواني

يستخدم غالبًا لتأخير عرض رسالة أو تنفيذ وظيفة بعد انتظار.

---

2. setInterval – تكرار تنفيذ كود كل فترة زمنية

setInterval(function() {
  console.log("تم تنفيذ الكود!");
}, 2000); // يُطبع كل ثانيتين

يستخدم لتحديث الوقت، أو تشغيل كود بشكل متكرر.

---

3. إيقاف المؤقت باستخدام clearTimeout و clearInterval

- مثال على clearTimeout:

let timeoutId = setTimeout(function() {
  console.log("لن يظهر هذا!");
}, 5000);

clearTimeout(timeoutId); // تم الإلغاء قبل أن ينفذ

- مثال على clearInterval:

let count = 0;
let intervalId = setInterval(function() {
  count++;
  console.log("تم التنفيذ", count);

  if (count === 5) {
    clearInterval(intervalId); // يتوقف بعد 5 مرات
  }
}, 1000);

---

✅ ملخص الدرس:

الوظيفة	الاستخدام
setTimeout(fn, ms)	ينفذ الدالة مرة واحدة بعد عدد من المللي ثانية
setInterval(fn, ms)	ينفذ الدالة بشكل متكرر كل فترة زمنية
clearTimeout(id)	لإيقاف مؤقت setTimeout
clearInterval(id)	لإيقاف تكرار setInterval