ال setInterval() يتم استخدام الطريقة في JavaScript لتكرار وظيفة محددة في كل فترة زمنية محددة. يقوم بتقييم تعبير أو استدعاء دالة على فترات زمنية محددة. تستمر هذه الطريقة في استدعاء الوظيفة حتى يتم إغلاق النافذة أو كلير إنترفال () تسمى الطريقة . تقوم هذه الطريقة بإرجاع قيمة رقمية أو رقم غير صفري يحدد المؤقت الذي تم إنشاؤه.
على عكس setTimeout() الطريقة، setInterval() تستدعي الطريقة الوظيفة عدة مرات. يمكن كتابة هذه الطريقة مع أو بدون نافذة او شباك بادئة.
بناء الجملة الشائع الاستخدام لـ setInterval() الطريقة موضحة أدناه:
بناء الجملة
window.setInterval(function, milliseconds);
قيمه المعامل
تأخذ هذه الطريقة قيمتين للمعلمات وظيفة و ميلي ثانية التي تم تعريفها على النحو التالي.
وظيفة: إنها الوظيفة التي تحتوي على كتلة التعليمات البرمجية التي سيتم تنفيذها.
ميلي ثانية: تمثل هذه المعلمة طول الفاصل الزمني بين كل تنفيذ. الفاصل الزمني بالمللي ثانية. إنه يحدد عدد مرات تنفيذ الكود. وإذا كانت قيمتها أقل من 10، يتم استخدام القيمة 10.
كيفية وقف التنفيذ؟
يمكننا استخدام كلير إنترفال () طريقة إيقاف تنفيذ الوظيفة المحددة في setInterval() طريقة. القيمة التي تم إرجاعها بواسطة setInterval() يمكن استخدام الطريقة كوسيطة لـ كلير إنترفال () طريقة إلغاء المهلة.
دعونا نفهم استخدام setInterval() الطريقة باستخدام بعض الرسوم التوضيحية.
مثال 1
وهذا مثال بسيط لاستخدام setInterval() طريقة. هنا، يتم عرض مربع حوار تنبيه بفاصل زمني قدره 3 ثوانٍ. نحن لا نستخدم أي طريقة لإيقاف تنفيذ الوظيفة المحددة في setInterval() طريقة. لذلك تستمر الطريقة في تنفيذ الوظيفة حتى يتم إغلاق النافذة.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); } اختبره الآن انتاج |
سيبدأ لون الخلفية بالتغير بعد مرور 200 مللي ثانية. عند النقر على المحدد قف الزر، سيتم إيقاف التبديل بين الألوان على لون الخلفية المقابل. سيكون الإخراج بعد النقر على الزر -
