تعد المؤقتات جانبًا مهمًا في أي لغة برمجة. كما نعلم الوقت هو المال. لذلك في هذه المقالة ، سوف نرى كيفية التنفيذ والعمل مع Timers في JavaScript:
العمل مع Timers في JavaScript
المؤقت هو وظيفة تمكننا من تنفيذ وظيفة في وقت معين.باستخدام أجهزة ضبط الوقت ، يمكنك تأخير تنفيذ التعليمات البرمجية بحيث لا يتم تنفيذها في نفس اللحظة التي يتم فيها تشغيل حدث أو تحميل الصفحة. على سبيل المثال ، يمكنك استخدام أجهزة ضبط الوقت لتغيير لافتات الإعلانات على موقع الويب الخاص بك على فترات منتظمة ، أو عرض ساعة في الوقت الفعلي ، وما إلى ذلك.
توجد وظيفة مؤقت في JavaScript:setTimeout ()
سيوضح لك القسم التالي كيفية إنشاء مؤقتات لتأخير الشفرةالتنفيذ وكذلك كيفية تنفيذ إجراء واحد أو أكثر بشكل متكرر باستخدام وظيفة theis في JavaScript.
طريقة setTimeout () النافذة
التعريف والاستخدام:
تستدعي طريقة setTimeout () دالة أو تقيم تعبيرًا بعد عدد محدد من المللي ثانية.
تلميح:
- 1000 مللي ثانية = 1 ثانية.
- يتم تنفيذ الوظيفة مرة واحدة فقط. إذا كنت بحاجة إلى تكرار التنفيذ ، فاستخدم
setInterval ()طريقة. - استخدم ال
clearTimeout ()طريقة لمنع الوظيفة من العمل.
تقبل هذه الوظيفة معاملين: أ وظيفة ، وهي وظيفة التنفيذ ، واختياري تأخير المعلمة ، وهي عدد المللي ثانية التي تمثل مقدار الوقت الذي يجب انتظاره قبل تنفيذ الوظيفة (ثانية واحدة = 1000 مللي ثانية).
قيمة الإرجاع: تقوم بإرجاع رقم يمثل قيمة المعرف الخاصة بالمؤقت الذي تم تعيينه.
الكود: مؤقتات في JavaScript
فيما يلي رمز Timers في JavaScript الذي يضبط المؤقت لمدة دقيقتين وعندما تنفد أوقات تنبيه الصفحة 'مرات'. الsetTimeout ()تستدعي الطريقة دالة أو تقيم تعبيرًا بعد عدد محدد من المللي ثانية.
// ضبط الدقائق
فار دقيقة = 2
// احسب الثواني
القيمة الافتراضية لصفيف java char
فار ثانية = دقيقة * 60
// يتم استحضار وظيفة العد التنازلي عند تحميل الصفحة
العد التنازلي للوظيفة () {
setTimeout ('Decrement ()'، 60)
}
// إنقاص الدالة إنقاص القيمة.
تناقص الوظيفة () {
إذا (document.getElementById) {
minutes = document.getElementById ('minutes')
ثواني = document.getElementById ('ثواني')
// إذا بقي أقل من دقيقة
// عرض قيمة الثواني فقط.
إذا (بالثواني<59) {
seconds.value = ثانية
}
// عرض كل من الدقائق والثواني
// getminutes و geteconds معتاد على
// احصل على الدقائق والثواني
آخر {
minutes.value = getminutes ()
seconds.value = geteconds ()
}
// عندما يتبقى أقل من دقيقة
// لون الدقائق والثواني
// يتغير إلى اللون الأحمر
إذا (دقيقة<1) {
minutes.style.color = 'أحمر'
seconds.style.color = 'أحمر'
}
// إذا أصبحت الثواني صفرًا ،
// ثم وقت تنبيه الصفحة
إذا (دقيقة<0) {
تنبيه ('الوقت المستغرق')
الدقائق القيمة = 0
ثواني.القيمة = 0
}
لديه مقابل هو جافا
// إذا كانت الثواني> 0 فسيتم إنقاص الثواني
آخر {
جاف--
setTimeout ('Decrement ()'، 1000)
}
}
}
دالة getminutes () {
// الدقائق هي ثواني مقسومة على 60 ، مقربًا للأسفل
mins = Math.floor (secs / 60)
عودة دقيقة
}
الدالة geteconds () {
// خذ الدقائق المتبقية (كالثواني) بعيدًا
// من إجمالي الثواني المتبقية
عودة ثانية - Math.round (دقيقة * 60)
}
الوقت المتبقي ::
:
عندما يتبقى أقل من دقيقة ، يتغير لون المؤقت إلى اللون الأحمر.
بهذا نصل إلى نهاية مقالة Timers in JavaScript هذه. ج تحقق من من Edureka ، وهي شركة تعليمية موثوقة عبر الإنترنت مع شبكة تضم أكثر من 250000 متعلم راضٍ منتشرين في جميع أنحاء العالم.
لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات من حقن التبعية هذا في AngularJs وسنعود إليك.