JavaScript - Timing Events

JavaScript - أحداث التوقيت (Timing Events)

🔸 JavaScript توفر دوال لإجراء مهام بعد وقت محدد أو تكرار تنفيذ مهمة بفاصل زمني. أشهر دالتين هما: setTimeout() و setInterval().

---

🔹 setTimeout() - تنفيذ مرة واحدة بعد وقت محدد

setTimeout(function () {
  alert("مرحبًا بعد 3 ثواني!");
}, 3000); // 3000 ميلي ثانية = 3 ثواني

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

---

🔹 setInterval() - تكرار تنفيذ كل فترة زمنية

const intervalId = setInterval(function () {
  console.log("يتكرر كل 2 ثانية");
}, 2000);

📌 تُنفذ الكود كل فترة زمنية بشكل متكرر.

---

🔹 إيقاف التكرار

clearInterval(intervalId); // لإيقاف setInterval

clearTimeout(timeoutId);   // لإيقاف setTimeout قبل أن يحدث

---

🔹 مثال عملي: عداد تنازلي

let counter = 5;
const countdown = setInterval(function () {
  console.log(counter);
  counter--;
  if (counter < 0) {
    clearInterval(countdown);
    console.log("انتهى الوقت!");
  }
}, 1000);

---

⚠️ ملاحظات مهمة

• القيمة الزمنية تُقاس بالملي ثانية (1000ms = 1s).
• استخدم clearInterval أو clearTimeout لإيقاف التنفيذ عند الحاجة.
• لا تبالغ في استخدام setInterval حتى لا تؤثر على الأداء.