JavaScript ClearTimeout() فنکشن کو کیسے ہینڈل کریں؟

Javascript Cleartimeout Fnkshn Kw Kys Yn L Kry



جاوا اسکرپٹ پیش کرتا ہے پہلے سے طے شدہ ' کلیئر ٹائم آؤٹ ()' طریقہ جو ٹائم آؤٹ فعالیت کا انتظام کرتا ہے۔ یہ صارفین کو اس وقت کے وقفے کو منسوخ کرنے کی اجازت دیتا ہے جو پہلے ' مقررہ وقت ()' فنکشن۔ یہ کوڈ بلاک کے عمل کو روکتا ہے جو مخصوص وقت کے وقفے کے بعد دہرایا جاتا ہے۔ یہ زیادہ تر بینکنگ اور ای کامرس ویب سائٹس کے لیے طے شدہ کاموں کو منسوخ کرنے کے لیے استعمال ہوتا ہے۔

یہ پوسٹ وضاحت کرے گی کہ JavaScript clearTimeout() فنکشن کو کیسے ہینڈل کیا جائے۔







JavaScript 'clearTimeout()' فنکشن کو کیسے ہینڈل کریں؟

' کلیئر ٹائم آؤٹ ()' فنکشن وقت کے وقفے کو منسوخ کرتا ہے جو پہلے 'کی مدد سے سیٹ کیا گیا تھا۔ مقررہ وقت ()' فنکشن۔ ' مقررہ وقت ()' فنکشن ایک مخصوص کام کو بار بار انجام دینے کے لیے وقت کا وقفہ مقرر کرتا ہے۔



نحو

کا کام ' کلیئر ٹائم آؤٹ ()' طریقہ اس کے بنیادی نحو پر منحصر ہے جو ذیل میں لکھا گیا ہے:



کلیئر ٹائم آؤٹ ( id_of_settimeout )

مندرجہ بالا نحو کے مطابق، ' کلیئر ٹائم آؤٹ ()' لیتا ہے ' آئی ڈی ' کے ' مقررہ وقت ()' فنکشن اور وقت کے وقفے کو روکتا ہے۔ اگر صارف آئی ڈی پاس نہیں کرتا ہے تو یہ کچھ نہیں کرتا ہے۔





آئیے اوپر بیان کردہ فنکشن کو اس کے بنیادی نحو کو استعمال کرکے لاگو کریں۔

مثال 1: مقررہ وقت کے وقفے کو روکنے کے لیے 'clearTimeout()' فنکشن کا اطلاق کرنا

پہلی مثال کا اطلاق ہوتا ہے ' کلیئر ٹائم آؤٹ ()' مقررہ وقت کے وقفے کو روکنے کے لیے فنکشن۔



پہلے درج ذیل HTML کوڈ کو دیکھیں:

< مرکز >
< ص > 2 سیکنڈ انتظار کریں، صفحہ ایک سرخی دکھائے گا۔ < / ص >
< h2 آئی ڈی = 'H2' >< / h2 >
< بٹن کلک پر = 'روکیں()' > پھانسی بند کرو! < / بٹن >
< / مرکز >

مندرجہ بالا کوڈ لائنوں میں:

  • '< مرکز >' ٹیگ دیئے گئے HTML عناصر کی سیدھ کو ویب صفحہ کے مرکز میں سیٹ کرتا ہے۔
  • '< ص >' ٹیگ پیراگراف کے بیان کی وضاحت کرتا ہے۔
  • '< h2 >' ٹیگ ایک خالی سرخی کا عنصر ہے جس میں ایک ID ہے' H2 '
  • '< بٹن >' ٹیگ بٹن عنصر داخل کرتا ہے جو ' روکو ()' فنکشن جب منسلک ہوتا ہے ' کلک پر 'واقعہ متحرک ہے۔

اگلا، لاگو کریں ' کلیئر ٹائم آؤٹ بیان کردہ کوڈ بلاک کا استعمال کرتے ہوئے ()' فنکشن:

< سکرپٹ >
const وقت ٹھیک کرنا = مقررہ وقت ( شروع ، 2000 ) ;
فنکشن شروع ( ) {
دستاویز getElementById ( 'H2' ) . اندرونی ایچ ٹی ایم ایل = 'Linuxhint میں خوش آمدید!'
}
فنکشن روکو ( ) {
کلیئر ٹائم آؤٹ ( وقت ٹھیک کرنا ) ;
}
سکرپٹ >

مندرجہ بالا کوڈ کے ٹکڑوں میں:

  • ' وقت ٹھیک کرنا 'متغیر لاگو ہوتا ہے' مقررہ وقت ()' فنکشن جو پاس کرتا ہے ' شروع ' اس کے پہلے پیرامیٹر کے طور پر فنکشن اور مخصوص ' ملی سیکنڈز کی تعداد دوسرے پیرامیٹر کے طور پر۔ یہ فنکشن انجام دیتا ہے ' شروع ایک مخصوص وقت کے وقفے میں فنکشن۔
  • اگلا، 'کی وضاحت کریں شروع ()' فنکشن۔
  • اس فنکشن میں، ' document.getElementById ()' طریقہ کا اطلاق خالی سرخی والے عنصر تک رسائی کے لیے کیا جاتا ہے جس کی id ہے ' H2 اور اسے دیئے گئے ٹیکسٹ اسٹیٹمنٹ کے ساتھ شامل کریں۔
  • اس کے بعد، ' روکو ()' فنکشن کی وضاحت کی گئی ہے، جس کا اطلاق ہوتا ہے ' کلیئر ٹائم آؤٹ ()' کی شناخت پاس کرنے کا طریقہ مقررہ وقت ()' فنکشن اپنے وقت کے وقفے کو روکنے کے لیے۔

آؤٹ پٹ (عمل درآمد روکنے سے پہلے)

اب آؤٹ پٹ ایک مخصوص وقت کے وقفے میں ایک سرخی کا عنصر دکھاتا ہے اس سے پہلے کہ وقت کے وقفہ کو ' کے ذریعے سیٹ کیا جائے مقررہ وقت ()' طریقہ۔

آؤٹ پٹ (عملدرآمد روکنے کے بعد)

دیئے گئے بٹن پر کلک کرنے سے وقت کا وقفہ رک جاتا ہے جو عنوان کے عنصر کو ظاہر کرنے کے لیے مقرر کیا گیا ہے۔

مثال 2: کسی فنکشن کو روکنے کے لیے 'clearTimeout()' فنکشن کا اطلاق کرنا

یہ مثال استعمال کرتی ہے ' کلیئر ٹائم آؤٹ ()' فنکشن کے عمل کو روکنے کے لیے فنکشن:

سب سے پہلے، فراہم کردہ HTML کوڈ کے ذریعے جائیں:

< مرکز >
< بٹن کلک پر = 'شروع()' > گنتی شروع کرو! < / بٹن >
< ان پٹ قسم = 'متن' آئی ڈی = 'میدان' >
< بٹن کلک پر = 'روکیں()' > گنتی بند کرو! < / بٹن >
< / مرکز >

مندرجہ بالا کوڈ بلاک میں:

  • '< بٹن >' ٹیگ منسلک کرتا ہے ' کلک پر جب اس پر کلک کیا جاتا ہے تو 'start()' فنکشن کو شروع کرنے کے لیے ایونٹ۔
  • '< ان پٹ >' ٹیگ قسم کے ساتھ ایک ان پٹ فیلڈ کا اضافہ کرتا ہے متن 'اور ایک آئی ڈی 'فیلڈ'۔
  • اگلا '< بٹن >' بھی منسلک کرتا ہے ' کلک پر 'کال کرنے کا واقعہ' روکو ()' فنکشن جب اس ایونٹ کو فائر کیا جاتا ہے۔

اب، لاگو کریں ' کلیئر ٹائم آؤٹ ()' ان کوڈ لائنوں کا استعمال کرتے ہوئے فنکشن:

< سکرپٹ >
کاؤنٹر کرنے دو = 0 ;
وقت مقرر کرنے دو ;
ٹائمر آن ہونے دو = 0 ;

فنکشن شمار ( ) {
دستاویز getElementById ( 'میدان' ) . قدر = کاؤنٹر ;
کاؤنٹر ++
وقت ٹھیک کرنا = مقررہ وقت ( شمار ، 1000 ) ;
}

فنکشن شروع ( ) {
اگر ( ! وقت شروع ) {
وقت شروع = 1 ;
شمار ( ) ;
}
}

فنکشن روکو ( ) {
کلیئر ٹائم آؤٹ ( وقت ٹھیک کرنا ) ;
وقت شروع = 0 ;
}
سکرپٹ >

کوڈ کی اوپر کی لائنوں میں:

  • سب سے پہلے، ' دو 'کلیدی لفظ تین متغیرات کا اعلان کرتا ہے' کاؤنٹر'، 'سیٹ ٹائم'، اور 'ٹائمر آن '
  • اگلا، ' شمار ()' فنکشن کی وضاحت کی گئی ہے۔
  • اس کی تعریف میں، ' document.getElementById() 'طریقہ کو اس کی آئی ڈی کا استعمال کرتے ہوئے شامل کردہ ان پٹ فیلڈ تک رسائی حاصل کرنے کے لیے لاگو کیا جاتا ہے' میدان 'اور اسے 'کی قدر کے ساتھ جوڑیں۔ کاؤنٹر متغیر
  • اب، کی قدر میں اضافہ کریں ' کاؤنٹر متغیر
  • آخر میں، لاگو کریں ' مقررہ وقت ()' کو انجام دینے کا طریقہ ' شمار ()' ایک مقررہ وقت کے وقفے میں فنکشن۔
  • اس کے بعد، ایک فنکشن کی وضاحت کریں جس کا نام ' شروع ()'۔
  • اس فنکشن میں، ایک ' اگر 'بیان استعمال کیا جاتا ہے جو ایک شرط کی وضاحت کرتا ہے یعنی اگر ' imer_on ' نہیں ہے ' پر 'تو یہ برابر ہے' 1 ' اور ' شمار ()' فنکشن کہا جاتا ہے۔
  • اب، ایک اور فنکشن کا نام دیا گیا ہے ' روکو ()'۔
  • اس کی تعریف میں، ' کلیئر ٹائم آؤٹ ()' کا طریقہ لاگو کیا جاتا ہے 'کی آئی ڈی کو پاس کرتے ہوئے مقررہ وقت ()' طریقہ یعنی ' وقت ٹھیک کرنا '

آؤٹ پٹ

یہ دیکھا جا سکتا ہے کہ ' گنتی شروع کریں۔ ” بٹن گنتی شروع کرتا ہے جو ہر 1 سیکنڈ کے بعد بڑھتا ہے۔ یہ گنتی 'پر کلک کرنے سے رک جاتی ہے۔ گنتی بند کرو! بٹن

یہ سب جاوا اسکرپٹ میں کلیئر ٹائم آؤٹ () فنکشن کو سنبھالنے کے بارے میں ہے۔

نتیجہ

' کلیئر ٹائم آؤٹ ()' فنکشن 'کی مدد سے مخصوص وقت کے وقفے کو سنبھالتا ہے۔ مقررہ وقت ()' فنکشن۔ یہ آئی ڈی کو پاس کرکے یہ کام انجام دیتا ہے۔ 'سیٹ ٹائم آؤٹ()' اس کے ضروری پیرامیٹر کے طور پر کام کرتا ہے۔ اس کا استعمال مخصوص وقت کے وقفے میں انجام پانے والے کاموں کی منسوخی کے لیے کیا جاتا ہے جو ' مقررہ وقت ()' فنکشن۔ اس پوسٹ میں JavaScript clearTimeout() فنکشن کو ہینڈل کرنے کے طریقہ کار کی عملی طور پر وضاحت کی گئی ہے۔