تقدم جافا سكريبت '' محددة مسبقًا com.clearTimeout ()' الطريقة التي تدير وظيفة المهلة. يسمح للمستخدمين بإلغاء الفاصل الزمني الذي تم تحديده مسبقًا بواسطة ' setTimeout ()' وظيفة. إنه يوقف تنفيذ كتلة التعليمات البرمجية التي تتكرر بعد فترة زمنية محددة. يتم استخدامه في الغالب لمواقع الخدمات المصرفية والتجارة الإلكترونية لإلغاء المهام المجدولة.
ستشرح هذه المقالة كيفية التعامل مع وظيفة JavaScript ClearTimeout().
كيفية التعامل مع وظيفة JavaScript 'clearTimeout()'؟
ال ' com.clearTimeout ()' تقوم الوظيفة بإلغاء الفاصل الزمني الذي تم ضبطه مسبقًا بمساعدة ' setTimeout ()' وظيفة. ال ' setTimeout ()' تقوم بتعيين الفاصل الزمني لأداء مهمة محددة بشكل متكرر داخلها.
بناء الجملة
عمل ' com.clearTimeout ()' تعتمد الطريقة على تركيبها الأساسي المكتوب أدناه:
com.clearTimeout ( id_of_settimeout )
وفقا لبناء الجملة أعلاه، ' com.clearTimeout ()' يأخذ ' بطاقة تعريف ' التابع ' setTimeout ()' ويوقف الفاصل الزمني. إذا لم يمرر المستخدم المعرف، فلن يقوم بأي شيء.
دعونا ننفذ الوظيفة المحددة أعلاه باستخدام تركيبها الأساسي.
مثال 1: تطبيق وظيفة 'clearTimeout()' لإيقاف الفاصل الزمني المحدد
ينطبق المثال الأول على ' com.clearTimeout ()' لإيقاف الفاصل الزمني المحدد.
ألق نظرة أولاً على كود HTML التالي:
< مركز >< ص > انتظر ثانيتين، ستعرض الصفحة عنوانًا. < / ص >
< h2 بطاقة تعريف = 'H2' >< / h2 >
< زر عند النقر = 'قف()' > وقف التنفيذ! < / زر >
< / مركز >
في سطور الكود أعلاه:
- '< مركز تقوم العلامة >' بتعيين محاذاة عناصر HTML المحددة إلى وسط صفحة الويب.
- '< ص >' تحدد العلامة عبارة فقرة.
- '< h2 >' العلامة هي عنصر عنوان فارغ بمعرف ' H2 '.
- '< زر >' تدرج العلامة عنصر الزر الذي يستدعي ' قف ()' الدالة عند إرفاقها ' عند النقر 'يتم تشغيل الحدث.
بعد ذلك، قم بتطبيق ' com.clearTimeout ()' باستخدام كتلة التعليمات البرمجية المذكورة:
< النصي >مقدار ثابت ضبط الوقت = setTimeout ( يبدأ , 2000 ) ;
وظيفة يبدأ ( ) {
وثيقة. getElementById ( 'H2' ) . InnerHTML = 'مرحبًا بكم في لينكسهنت!'
}
وظيفة قف ( ) {
com.clearTimeout ( ضبط الوقت ) ;
}
النصي >
في مقتطف الكود أعلاه:
- ال ' ضبط الوقت ' المتغير يطبق ' setTimeout ()' الدالة التي تمرر ' يبدأ 'تعمل كمعلمة أولى والمحددة' لا ميلي ثانية ' كمعلمة ثانية. تقوم هذه الوظيفة بتنفيذ ' يبدأ '' في فترة زمنية محددة.
- بعد ذلك، حدد ' يبدأ ()' وظيفة.
- في هذه الوظيفة ' document.getElementById ()' يتم تطبيق الطريقة للوصول إلى عنصر العنوان الفارغ الذي يكون معرفه ' H2 'وإلحاقه ببيان النص المحدد.
- وبعد ذلك ' قف ()' يتم تعريف الدالة، والتي تنطبق على ' com.clearTimeout ()' طريقة تمرير معرف ' setTimeout ()' لإيقاف الفاصل الزمني الخاص بها.
الإخراج (قبل إيقاف التنفيذ)
الآن يُظهر الإخراج عنصر عنوان في فترة زمنية محددة قبل إيقاف الفاصل الزمني المحدد عبر ' setTimeout ()' طريقة.
الإخراج (بعد إيقاف التنفيذ)
يؤدي النقر فوق الزر المحدد إلى إيقاف الفاصل الزمني الذي تم تعيينه لعرض عنصر العنوان.
مثال 2: تطبيق وظيفة 'clearTimeout()' لإيقاف وظيفة
يستخدم هذا المثال ' com.clearTimeout ()' لإيقاف تنفيذ الوظيفة:
أولاً، انتقل إلى كود HTML المقدم:
< مركز >< زر عند النقر = 'يبدأ()' > ابدأ العد! < / زر >
< مدخل يكتب = 'نص' بطاقة تعريف = 'مجال' >
< زر عند النقر = 'قف()' > توقف عن العد! < / زر >
< / مركز >
في كتلة التعليمات البرمجية أعلاه:
- '< زر >' العلامة المرفقة بـ ' عند النقر حدث لاستدعاء الدالة 'start()' عند النقر عليها.
- '< مدخل >' تضيف العلامة حقل إدخال بالنوع ' نص ' و'حقل' المعرف.
- التالي “< زر >' مرفق أيضًا ' عند النقر ' حدث لاستدعاء ' قف ()' عند إطلاق هذا الحدث.
الآن قم بتطبيق ' com.clearTimeout ()' باستخدام سطور التعليمات البرمجية هذه:
< النصي >دعونا العداد = 0 ;
دعونا ضبط الوقت ;
دع timer_on = 0 ;
وظيفة عدد ( ) {
وثيقة. getElementById ( 'مجال' ) . قيمة = عداد ;
عداد ++;
ضبط الوقت = setTimeout ( عدد , 1000 ) ;
}
وظيفة يبدأ ( ) {
لو ( ! المؤقت يعمل ) {
المؤقت يعمل = 1 ;
عدد ( ) ;
}
}
وظيفة قف ( ) {
com.clearTimeout ( ضبط الوقت ) ;
المؤقت يعمل = 0 ;
}
النصي >
في سطور الكود أعلاه:
- أولاً، ' يترك 'الكلمة الأساسية تعلن عن ثلاثة متغيرات' counter، وsetTime، وtimer_on '.
- التالي ' عدد ()' تم تعريف الوظيفة.
- وفي تعريفاته ' document.getElementById() 'يتم تطبيق الطريقة للوصول إلى حقل الإدخال الإضافي باستخدام المعرف الخاص به' مجال ' وألحقها بقيمة ' عداد ' عامل.
- الآن قم بزيادة قيمة ' عداد ' عامل.
- وأخيرًا، قم بتطبيق ' setTimeout ()' طريقة لتنفيذ تنفيذ ' عدد ()' في فترة زمنية معينة.
- بعد ذلك قم بتحديد دالة اسمها ' يبدأ ()'.
- في هذه الوظيفة ' لو 'يتم استخدام العبارة التي تحدد شرطًا، على سبيل المثال إذا' imer_on ' ليس ' على 'فإنه يساوي' 1 ' و ال ' عدد ()' يتم استدعاء الدالة.
- الآن تم تعريف دالة أخرى اسمها ' قف ()'.
- وفي تعريفه ' com.clearTimeout ()' يتم تطبيق الطريقة بتمرير معرف ' setTimeout ()' الطريقة أي ' ضبط الوقت '.
انتاج |
ويمكن ملاحظة أن ' بدء العد 'يبدأ الزر العد الذي يتزايد بعد كل ثانية واحدة. يتوقف هذا العد بالضغط على ' توقف عن العد! ' زر.
يتعلق الأمر كله بمعالجة وظيفة ClearTimeout() في JavaScript.
خاتمة
ال ' com.clearTimeout ()' تعالج الدالة الفاصل الزمني المحدد بمساعدة ' setTimeout ()' وظيفة. ينفذ هذه المهمة عن طريق تمرير معرف الملف 'setTimeout ()' تعمل كمعلمة أساسية لها. يتم استخدامه لإلغاء المهام التي تم تنفيذها في الفترة الزمنية المحددة التي تم ضبطها باستخدام ' setTimeout ()' وظيفة. لقد شرحت هذه المقالة عمليًا الإجراء الخاص بالتعامل مع وظيفة JavaScript ClearTimeout().