الدرس السادس عشر: التوقيت (Timers) باستخدام setTimeout و setInterval في JavaScript

تستخدم الدوال الزمنية في JavaScript لتأخير تنفيذ العمليات أو تكرارها خلال فترة زمنية معينة.

---

1. الدالة setTimeout

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

الصيغة:

setTimeout(function, delay);

• function: الكود الذي تريد تنفيذه.
• delay: الوقت بالتـي بالملي ثانية (1000 = ثانية واحدة).

مثال:

setTimeout(function() {
  console.log("تم تنفيذ الكود بعد 3 ثوانٍ");
}, 3000);

---

2. الدالة setInterval

تُستخدم لتكرار تنفيذ الكود كل فترة زمنية محددة.

الصيغة:

setInterval(function, interval);

• interval: الوقت بين كل تكرار (بالملي ثانية).

مثال:

setInterval(function() {
  console.log("هذا يظهر كل 2 ثانية");
}, 2000);

---

3. إيقاف setInterval باستخدام clearInterval

let counter = 0;

let timer = setInterval(function() {
  counter++;
  console.log("عدّاد: " + counter);

  if (counter === 5) {
    clearInterval(timer); // يوقف التكرار بعد 5 مرات
    console.log("تم الإيقاف");
  }
}, 1000);

---

4. إيقاف setTimeout قبل التنفيذ (اختياري)

let t = setTimeout(() => {
  console.log("لن يتم تنفيذ هذا");
}, 3000);

clearTimeout(t); // أوقفه قبل التنفيذ

---

✅ ملخص الدرس:

الوظيفة	الاستخدام
setTimeout	تنفيذ كود بعد تأخير معين (مرة واحدة)
setInterval	تكرار تنفيذ كود كل فترة زمنية
clearTimeout	إلغاء مؤقت setTimeout
clearInterval	إلغاء تكرار setInterval