JavaScript میں، ایسے حالات ہوتے ہیں جب ہمیں یہ یقینی بنانے کی ضرورت ہوتی ہے کہ کسی مخصوص سائٹ پر درج کردہ مواد درست اور تازہ ترین ہے۔ مثال کے طور پر، ایک لمبا فارم بھرتے ہوئے اور نئی تبدیلیوں کا مشاہدہ کرتے ہوئے یا جب آپ کسی ویب سائٹ کی جانچ کرنا چاہتے ہیں تو ویب صفحہ پر تازہ ترین مواد کو ظاہر کرنا ضروری ہے۔ ایسے معاملات میں، جاوا اسکرپٹ کا استعمال کرتے ہوئے ہر 5 سیکنڈ میں ویب پیج کو خودکار طور پر ریفریش کرنا اس قسم کے حالات سے نمٹنے میں بہت مددگار ہے۔
یہ مضمون جاوا اسکرپٹ کا استعمال کرتے ہوئے ہر 5 سیکنڈ میں ویب صفحہ کو خودکار طور پر تازہ کرنے کے طریقوں پر بحث کرے گا۔
جاوا اسکرپٹ کا استعمال کرتے ہوئے ہر 5 سیکنڈ میں ویب پیج کو آٹو ریفریش کیسے کریں؟
جاوا اسکرپٹ کا استعمال کرتے ہوئے ہر 5 سیکنڈ میں ویب پیج کو خودکار طور پر ریفریش کرنے کے لیے، درج ذیل طریقوں کو استعمال کیا جا سکتا ہے:
ایک ایک کرکے زیر بحث طریقوں سے گزریں!
طریقہ 1: setInterval() اور document.querySelector() طریقوں کا استعمال کرتے ہوئے جاوا اسکرپٹ میں ہر 5 سیکنڈ میں ویب پیج کو آٹو ریفریش کریں
' setInterval() 'طریقہ مخصوص وقت کے وقفے پر ایک فنکشن تک رسائی حاصل کرتا ہے اور ' document.querySelector() ' طریقہ CSS سلیکٹر سے مماثل پہلا عنصر حاصل کرتا ہے۔ مخصوص ہیڈنگ ٹیگ تک رسائی حاصل کرنے اور ٹائمر کی مدد سے وقت کے وقفے کو مطلوبہ فعالیت پر سیٹ کرنے کے لیے ان طریقوں کو ملا کر استعمال کیا جا سکتا ہے۔
نحو
مقررہ وقفہ ( فنکشن، ملی سیکنڈز، par1، par2 )مندرجہ بالا نحو میں، ' فنکشن 'اس فنکشن سے مراد ہے جس تک رسائی کی ضرورت ہے،' ملی سیکنڈ 'عمل کرنے کے لیے مخصوص وقت کا وقفہ ہے، اور' جوڑا 1 'اور' par2 'اضافی پیرامیٹرز ہیں۔
دستاویز سوال سلیکٹر ( سی ایس ایس سلیکٹرز )
یہاں، ' سی ایس ایس سلیکٹرز ایک یا ایک سے زیادہ CSS سلیکٹرز کی نمائندگی کریں۔
درج ذیل مثال کو دیکھیں۔
مثال
سب سے پہلے، بالترتیب
ٹیگز میں عنوان اور سرخی کی وضاحت کریں:
< عنوان > صفحہ ہر 5 سیکنڈ بعد تازہ کریں۔ < / عنوان >
< h2 انداز = 'متن سیدھ کریں: بائیں' > صفحہ کو آٹو ریفریش کریں۔ < / h2 >
اب، ٹائمر ویلیو سیٹ کریں ' 1 ”:
ٹائمر دو = 1 ;اس کے بعد، لاگو کریں ' setInterval() 'ایک کے ساتھ طریقہ' 1000ms ' قدر. یہ ہر سیکنڈ میں ٹائمر میں اضافہ کرے گا۔ اس کے علاوہ، مخصوص عنوان تک رسائی حاصل کرنے کے لیے اسے ' دستاویز آبجیکٹ ماڈل (DOM) مقرر کردہ ٹائمر ویلیو کے اختتام پر۔
آخر میں، ٹائمر کی قدر کو 'کے اضافے کے ساتھ دہرائیں۔ 1 'استعمال کرتے ہوئے' ++ 'پوسٹ انکریمنٹ آپریٹر اور ایک شرط اس طرح لاگو کریں کہ اگر قیمت 5 سے زیادہ ہو تو ' location.reload() ' طریقہ ونڈو کو دوبارہ لوڈ کرنے کا نتیجہ ہوگا:
مقررہ وقفہ ( ( ) => {دستاویز سوال سلیکٹر ( 'h2' ) . اندرونی متن = ٹائمر ;
ٹائمر ++
اگر ( ٹائمر > 5 )
مقام دوبارہ لوڈ کریں ( ) ;
} , 1000 ) ;
یہ دیکھا جا سکتا ہے کہ ہمارا ویب صفحہ ہر پانچ سیکنڈ میں آٹو ریفریش ہو جاتا ہے۔
طریقہ 2: آن لوڈ ایونٹ کا استعمال کرتے ہوئے جاوا اسکرپٹ میں ہر 5 سیکنڈ میں ویب پیج کو آٹو ریفریش کریں
' لوڈ ہونے پر ' واقعہ اس وقت شروع ہوتا ہے جب کسی چیز کو لوڈ کیا جاتا ہے۔ اس تکنیک کو ویب صفحہ لوڈ ہونے پر صارف کی طرف سے طے شدہ فنکشن کی مدد سے صفحہ کو تازہ کرنے کے لیے لاگو کیا جا سکتا ہے۔
نحو
چیز. لوڈ ہونے پر = ریفریش پیج ( ) { myScript } ;دیئے گئے نحو میں، ' فنکشن ” سے مراد وہ فنکشن ہے جس کو استعمال کرنے کی ضرورت ہے جب آبجیکٹ لوڈ کیا جاتا ہے۔
مندرجہ ذیل مثال کو دیکھیں۔
مثال
سب سے پہلے، ایک عنوان اور سرخی شامل کریں جیسا کہ پچھلے طریقہ میں زیر بحث آیا:
< عنوان > صفحہ ہر 5 سیکنڈ بعد تازہ کریں۔ < / عنوان >< h2 > صفحہ کو آٹو ریفریش کریں۔ < / h2 >
اب، لاگو کریں ' لوڈ ہونے پر 'ایونٹ اور فنکشن کو دعوت دیں' refreshPage() 'اور پاس' 5000 ' بطور دلیل جو پانچ سیکنڈ کے وقفہ کی نشاندہی کرتا ہے:
< جسم پر بوجھ = 'JavaScript:refreshPage(5000);' >جسم >
آخر میں، ایک فنکشن کی وضاحت کریں جس کا نام ' ریفریش پیج() 'کے ساتھ' t ' بطور دلیل جو ویب صفحہ کو خودکار طور پر تازہ کرنے کے لیے مقررہ وقت کا حوالہ دے رہا ہے۔ ' location.reload() ' طریقہ مخصوص وقت کے بعد صفحہ کو دوبارہ لوڈ کرے گا:
فنکشن ریفریش پیج ( t ) {مقررہ وقت ( 'location.reload(true);' ، ٹی ) ;
}
آؤٹ پٹ
طریقہ 3: سیٹ ٹائم آؤٹ() طریقہ استعمال کرتے ہوئے جاوا اسکرپٹ میں ہر 5 سیکنڈ میں ویب پیج کو آٹو ریفریش کریں
' سیٹ ٹائم آؤٹ() ' طریقہ ایک مقررہ وقت کے بعد ایک فنکشن کی درخواست کرتا ہے۔ یہ طریقہ ایک مخصوص سیٹ ٹائم آؤٹ کے بعد ویب صفحہ کو دوبارہ لوڈ کرنے کے لیے لاگو کیا جا سکتا ہے۔
نحو
مقررہ وقت ( فنکشن، ملی سیکنڈز، par1، par2 )دیئے گئے نحو میں، ' فنکشن 'تک رسائی حاصل کرنے کے فنکشن سے مراد ہے،' ملی سیکنڈ 'عمل کرنے کے لیے مخصوص وقت کا وقفہ ہے، اور' جوڑا 1 '،' par2 'اضافی پیرامیٹرز ہیں۔
مثال
HTML صفحہ کے اسکرپٹ ٹیگ میں، لاگو کریں ' سیٹ ٹائم آؤٹ() ” طریقہ اس طرح سے جب 5 سیکنڈ گزر جائیں تو location.reload() طریقہ ویب پیج کو دوبارہ لوڈ کرتا ہے:
< سکرپٹ >مقررہ وقت ( 'location.reload(true);' , 5000 ) ;
سکرپٹ >
آؤٹ پٹ
ہم نے جاوا اسکرپٹ کا استعمال کرتے ہوئے ہر 5 سیکنڈ میں ویب صفحہ کو خودکار طور پر تازہ کرنے کے تمام آسان طریقوں پر تبادلہ خیال کیا ہے۔
نتیجہ
جاوا اسکرپٹ کا استعمال کرتے ہوئے ہر 5 سیکنڈ میں کسی ویب پیج کو خودکار طور پر ریفریش کرنے کے لیے، ' setInterval() 'اور' document.querySelector() ٹائمر کی قدر کو ایڈجسٹ کرنے کے طریقے، ریفریش() ویب صفحہ کو تازہ کرنے کا طریقہ، یا ' سیٹ ٹائم آؤٹ() ویب صفحہ کی مخصوص ٹائم آؤٹ ریفریش کی حد مقرر کرنے کا طریقہ۔ اس مضمون نے جاوا اسکرپٹ کا استعمال کرتے ہوئے ہر 5 سیکنڈ میں ویب صفحہ کو خودکار طور پر ریفریش کرنے کے طریقے دکھائے ہیں۔