شرح ماهو الفرق بين setTimeout و setInterval في جافاسكربت

في هده المقالة سوف نتعرف على الفرق بين setTimeout و setInterval في لغة جافاسكربت , من المعروف أن setTimeout و setInterval هما دالتان في JavaScript يتم استخدامهما لتشغيل أو تنفيذ كود معين بعد فترة زمنية محددة , هدا يعني أن كلا الدالتان متشابهتان ولكن يوجد هناك إختلاف رئيسي بينهم في هو الدي يحدد الفرق setTimeout و setInterval.

ماهو الفرق بين setTimeout و setInterval في جافاسكربت

الفرق الرئيسي بين الدالتان setTimeout و setInterval هو أن setTimeout تقوم بتشغيل أو تنفيد الكود مرة واحدة فقط بعد مدة زمنية محددة ، بينما setInterval تقوم بتشغيل أو تنفيد الكود بشكل متكرر بدون توقف في تلك المدة الزمنية المحددة.

كمتال لو وضعنا كود داخل دالة setTimeout و أعطيناها مدة زمنية محددة و هي 2 تواني متلا و قمنا بتشغيل الكود فدالة setTimeout ستقوم بتشغيل الكود الدي بدالخلها بعد 2 تواني مرة واحدة فقط تم تتوقف , بينما لو قمنا بنفس الأمر مع دالة setInterval ستقوم بتشغيل الكود الدي بداخلها بشكل متكرر بدون توقف كل 2 تواني.

وهدا مثال تطبيقي لتوضيح الفرق :

// setTimeout example
  setTimeout(function() {
    console.log("هدا الكود سيتم تشغيله مرة واحدة بعد 2 تواني.");
  }, 2000);
  
// setInterval example
  setInterval(function() {
    console.log("هدا الكود سيتم تشغيله كل 2 تواني.");
  }, 2000);

في المثال أعلاه، سيتم تنفيذ الكود الموجود داخل setTimeout مرة واحدة فقط بعد مدة زمنية محددة وهي 2 تواني، بينما سيتم تنفيذ الكود الموجود داخل setInterval بشكل متكرر كل 2 تواني بدون توقف.

من المهم ملاحظة أنه عند استخدام setInterval، إذا كنت تريد إيقاف تنفيذ الكود في أي وقت، فستحتاج إلى استخدام دالة تسمى clearInterval.

الكاتب : نورالدين بومدين

مهندس تصميم و تطوير التطبيقات , لدي خبرة أكتر من 5 سنوات في مجال البرمجة و التصميم الجرافيكي.

مقالات الكاتب

ما هي أداة indexnow وكيفية إستخدامها لفهرسة الروابط بسرعة ؟

indexnow هي أداة مجانية تمكنك من إرسال من 1 إلى 10 ألاف رابط يوميا إلى محركات البحت من أجل الفهرسة بسرعة , و بهده المقالة سأعلمك شرح إستخدام أداة indexnow.

يوليو 26, 2024

نورالدين بومدين

شرح كيفية ضغط أكواد جافا سكريبت أو تقليل حجم ملف javascript

ضغط أكواد جافا سكريبت أو تقليل حجم ملف javascript هي عملية سهلة تعني إزالة التعليقات و الفراغات بين الأسطر و الأكواد , التي ليست ضرورية لكي يعمل الملف

يناير 27, 2023

نورالدين بومدين

كيفية إعادة توجيه الدومين من http إلى https أوتوماتيكيا

من أجل إعادة توجيه الدومين (و كل روابط الدومين كالمقالات و الصور...) من http إلى https أوتوماتيكيا سنحتاج لملف htaccess. الدي يتحكم في إعدادات الخوادم مباشرة

يناير 25, 2023

نورالدين بومدين

كيفية إعادة التوجيه من صفحة لصفحة أو موقع أخر بواسطة كود php

إن إعادة التوجيه بواسطة كود php تتم إما عن طريق دالة ()header الخاصة بلغة php أو عن طريق كود html يتم إستعراضه داخل دالة echo الخاصة بلغة php

يناير 24, 2023

نورالدين بومدين

شرح برمجة نظام تسجيل الدخول بسيط بلغة php و mysql و html

سنتعلم كيفية برمجة نظام تسجيل الدخول بسيط بلغة php و mysql و html , نظام تسجيل الدخول يتم بناء أساسه بلغة php عن طريق الدالة session و بالعربية تعني الجلسة

يناير 22, 2023

نورالدين بومدين

شرح بالصور لكيفية ضغط أكواد CSS أو تقليل حجم ملف CSS

في هدا المقال سأشرح كيفية ضغط أكواد CSS أو تقليل حجم ملف CSS , و العملية سهلة و الضغط هو إزالة التعليقات و الفراغات الموجودة بين الأسطر أو الأكواد داخل الملف.

يناير 19, 2023

نورالدين بومدين