التعرف على setInterval و clearInterval في لغة جافاسكربت JavaScript الدرس |23| - Programmer Tech

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

الأحد، 26 أبريل 2020

التعرف على setInterval و clearInterval في لغة جافاسكربت JavaScript الدرس |23|


setInterval in javascript

في درسنا اليوم سوف نتحدث عن ميثود تسمى setInterval في الجافاسكربت من خلال هذا الميثود نستطيع تكرار تنفيذ الأوامر الذي نقوم بتحديدها.
الشكل العام له
setInterval(اذا اردنا تشغيل فنكشن){
   //الاوامر
},);
مثال
سوف نعمل ديالوك نافذه منبثقة تظهر تلقائياً كل ثلاث ثواني, سوف نغير الخلفية اولاً من ملف html كالتالي
<body style= "background: salmon;">
</body>
وفي ملف الجافاسكربت نكتب 
setInterval(function test(){
     alert("Programmer Tech") ;
},3000);


و نتيجة هذه العملية تكون عبارة عن ديالوك منبثق يظهر كل ثلاث ثواني , و الرقم 3000 يعني ثلاث ثواني أي يعني كل 1000 تعني ثانية واحدة.

طريقة ثانية
function test(){
     alert("Programmer Tech") ;
setInterval(test,3000); 

انشأنا فنكشن بإسم test و من ثم وضعنا له الأوامر عبر alert و في النهاية كتبنا الميثود و في الأقواس حددنا له الفنكشن و كتبنا عدد الثواني هي 3 و ستكون النتيجة كما بالمثال الأول 


سوف تبقى تخرج هذه النافذة المنبثقة كل 3 ثواني.

استخدامها ضمن الـ function

كيف نقوم بإيقاف التكرار؟

يتم هذا عبر clearInterval ,مثلاً لننشئ زر button في ملف html و نستخدم معه الخاصية onclick.


<body style= "background: salmon;">
     <button id="stop" onclick="stopInterval">ايقاف</button>
</body>
 و يكون في الجافاسكربت
function test(){
    alert("Programmer Tech");
var myInterval = setInterval(test,3000);
function stopInterval(){
      clearInterval(myInterval);
}


انشأنا متغير بإسم myInterval لربطه مع الأوامر و انشأنا فنكشن بإسم stopInterval و شغلنا الفنكشن للإيقاف عبر clearInterval .
 هنا سيبقى التكرار يعمل إلى ان يتم الضغط على زر الإيقاف حتى يتوقف عن العمل.

استخدامها ضمن class

class MyPage{
      constructor(){
           var myInterval = setInterVal()(=>{
                this.testInterVal();
           },3000);
      }
       testInterVal(){
             alert("يعمل");
      }
}
onload = new MyPage();


انشأنا كلا بإسم MyPage و كونستركتور , و بعده انشأنا متغير ضمن الكونستركتور بإسم myInterval و حددنا عدد الثواني الذي يتم تشغيل الاوامر بها و هي 3 ثواني, و اعطينا التشغيل يظهر بنافذه منبثقة بكلمة يعمل و هذه الطريقة آمنة أكثر, وشغلنا هذا الكلاس عبر onload و سوف تكون نفس النتائج السابقة.

قناتنا التلغرام
https://t.me/Programmer_Tech
المدونة
https://www.programmer-tech.com
صفحة الفيسبوك
https://www.facebook.com/ProgrammerTech.net
قناة اليوتيوب 1:
https://www.youtube.com/ahmadkaissar
قناة اليوتيوب 2:
https://www.youtube.com/MuhammadAlush0997

ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام