जावास्क्रिप्ट का उपयोग करके हर 5 सेकंड में वेब पेज को ऑटो रिफ्रेश कैसे करें

Javaskripta Ka Upayoga Karake Hara 5 Sekanda Mem Veba Peja Ko Oto Riphresa Kaise Karem



जावास्क्रिप्ट में, ऐसी स्थितियां होती हैं जब हमें यह सुनिश्चित करने की आवश्यकता होती है कि किसी विशेष साइट पर दर्ज की गई सामग्री सटीक और अद्यतित है। उदाहरण के लिए, एक लंबा फॉर्म भरते समय और नए परिवर्तनों को देखते हुए या जब आप किसी वेबसाइट का परीक्षण करना चाहते हैं, तो वेब पेज पर सबसे हाल की सामग्री को प्रदर्शित करना आवश्यक है। ऐसे मामलों में, जावास्क्रिप्ट का उपयोग करके हर 5 सेकंड में एक वेब पेज को ऑटो-रिफ्रेश करना इस प्रकार की स्थितियों से निपटने में बहुत मददगार होता है।

यह लेख जावास्क्रिप्ट का उपयोग करके हर 5 सेकंड में एक वेब पेज को ऑटो रीफ्रेश करने के तरीकों पर चर्चा करेगा।







जावास्क्रिप्ट का उपयोग करके हर 5 सेकंड में वेब पेज को ऑटो रिफ्रेश कैसे करें?

जावास्क्रिप्ट का उपयोग करके हर 5 सेकंड में एक वेब पेज को ऑटो रीफ्रेश करने के लिए, निम्नलिखित तरीकों का उपयोग किया जा सकता है:



चर्चा की गई विधियों को एक-एक करके देखें!



विधि 1: स्वचालित रूप से वेब पेज को ताज़ा करें जावास्क्रिप्ट में हर 5 सेकंड में setInterval () और document.querySelector () विधियों का उपयोग करना

' सेटइंटरवल () 'विधि निर्दिष्ट समय अंतराल पर किसी फ़ंक्शन तक पहुँचती है और' दस्तावेज़.क्वेरी चयनकर्ता () 'विधि सीएसएस चयनकर्ता से मेल खाने वाला पहला तत्व प्राप्त करती है। विशिष्ट शीर्षक टैग तक पहुँचने के लिए इन विधियों का संयोजन में उपयोग किया जा सकता है और टाइमर की सहायता से आवश्यक कार्यक्षमता के लिए समय अंतराल सेट किया जा सकता है।





वाक्य - विन्यास

सेटइंटरवल ( फ़ंक्शन, मिलीसेकंड, par1, par2 )

उपरोक्त वाक्य रचना में, ' समारोह 'उस फ़ंक्शन को संदर्भित करता है जिसे एक्सेस करने की आवश्यकता है,' मिलीसेकेंड 'निष्पादित करने के लिए विशिष्ट समय अंतराल है, और' जोड़ी 1 ' तथा ' par2 'अतिरिक्त पैरामीटर हैं।



दस्तावेज़। क्वेरी चयनकर्ता ( सीएसएस चयनकर्ताओं )

यहां, ' सीएसएस चयनकर्ता 'एक या एक से अधिक CSS चयनकर्ताओं का प्रतिनिधित्व करते हैं।

निम्नलिखित उदाहरण देखें।

उदाहरण

सबसे पहले, क्रमशः <शीर्षक> और

टैग में एक शीर्षक और एक शीर्षक निर्दिष्ट करें:

< शीर्षक > पेज हर 5 सेकंड में ताज़ा करें < / शीर्षक >
< एच 2 शैली = 'पाठ-संरेखण: बाएँ' > पेज को ऑटो रिफ्रेश करें < / एच 2 >

अब, टाइमर मान को 'के रूप में सेट करें' 1 ':

चलो टाइमर = 1 ;

उसके बाद, 'लागू करें' सेटइंटरवल () 'विधि के साथ' 1000ms ' मूल्य। यह हर सेकेंड टाइमर को बढ़ाएगा। इसके अलावा, निर्दिष्ट शीर्षक को 'पर प्रदर्शित करने के लिए एक्सेस करें' दस्तावेज़ वस्तु मॉडल (DOM) 'सेट टाइमर मान के अंत में।

अंत में, 'की वृद्धि के साथ टाइमर के मान को पुनरावृत्त करें' 1 'का उपयोग कर' ++ 'पोस्ट-इंक्रीमेंट ऑपरेटर और इस तरह से एक शर्त लागू करें कि यदि मान 5 से अधिक हो, तो' स्थान। पुनः लोड () 'विधि के परिणामस्वरूप विंडो को पुनः लोड किया जाएगा:

सेटइंटरवल ( ( ) => {
दस्तावेज़। क्वेरी चयनकर्ता ( 'एच2' ) . आंतरिक पाठ = घड़ी ;
घड़ी ++;
यदि ( घड़ी > 5 )
स्थान। पुनः लोड करें ( ) ;
} , 1000 ) ;

यह देखा जा सकता है कि हमारा वेब पेज हर पांच सेकंड में ऑटो रिफ्रेश होता है:

विधि 2: वेब पेज को ऑटो रिफ्रेश करें हर 5 सेकंड में जावास्क्रिप्ट में ऑनलोड इवेंट का उपयोग करना

' लदाई पर जब कोई वस्तु लोड की जाती है तो घटना शुरू हो जाती है। वेब पेज लोड होने पर उपयोगकर्ता द्वारा परिभाषित फ़ंक्शन की सहायता से पृष्ठ को रीफ्रेश करने के लिए इस तकनीक को कार्यान्वित किया जा सकता है।

वाक्य - विन्यास

वस्तु। लदाई पर = पृष्ठ ताज़ा करें ( ) { मायस्क्रिप्ट } ;

दिए गए सिंटैक्स में, ' समारोह 'उस फ़ंक्शन को संदर्भित करता है जिसे ऑब्जेक्ट लोड होने पर लागू करने की आवश्यकता होती है।

निम्नलिखित उदाहरण को देखें।

उदाहरण

सबसे पहले, एक शीर्षक और शीर्षक शामिल करें जैसा कि पिछली विधि में चर्चा की गई है:

< शीर्षक > पेज हर 5 सेकंड में ताज़ा करें < / शीर्षक >
< एच 2 > पेज को ऑटो रिफ्रेश करें < / एच 2 >

अब, लागू करें ' लदाई पर 'घटना और समारोह का आह्वान' पृष्ठ ताज़ा करें() 'और पास' 5000 ” तर्क के रूप में जो पांच सेकंड के समय अंतराल को इंगित करता है:

< शरीर अधिभार = 'जावास्क्रिप्ट: रिफ्रेशपेज (5000);' >

तन >

अंत में, 'नामक एक फ़ंक्शन को परिभाषित करें' पृष्ठ ताज़ा करें() ' साथ ' टी 'एक तर्क के रूप में जो वेब पेज को ऑटो रीफ्रेश करने के लिए निर्धारित समय का जिक्र कर रहा है। ' स्थान। पुनः लोड () “विधि निर्दिष्ट समय के बाद पृष्ठ को पुनः लोड करेगी:

फंक्शन रिफ्रेशपेज ( टी ) {

सेटटाइमआउट ( 'स्थान। पुनः लोड (सच);' , टी ) ;

}

उत्पादन

विधि 3: सेटटाइमआउट () पद्धति का उपयोग करके जावास्क्रिप्ट में हर 5 सेकंड में वेब पेज को ऑटो रिफ्रेश करें

' सेटटाइमआउट () 'विधि एक निर्दिष्ट निर्धारित समय के बाद एक फ़ंक्शन को आमंत्रित करती है। एक विशिष्ट सेट टाइमआउट के बाद वेब पेज को फिर से लोड करने के लिए इस पद्धति को लागू किया जा सकता है।

वाक्य - विन्यास

सेटटाइमआउट ( फ़ंक्शन, मिलीसेकंड, par1, par2 )

दिए गए सिंटैक्स में, ' समारोह ' एक्सेस किए जाने वाले फ़ंक्शन को संदर्भित करता है,' मिलीसेकेंड 'निष्पादित करने के लिए विशिष्ट समय अंतराल है, और' जोड़ी 1 ',' ' par2 'अतिरिक्त पैरामीटर हैं।

उदाहरण

HTML पेज के स्क्रिप्ट टैग में, “लागू करें” सेटटाइमआउट () 'विधि इस तरह से जब 5 सेकंड बीत जाते हैं, तो location.reload() विधि वेब पेज को पुनः लोड करती है:

< लिखी हुई कहानी >

सेटटाइमआउट ( 'स्थान। पुनः लोड (सच);' , 5000 ) ;

लिखी हुई कहानी >

उत्पादन

हमने जावास्क्रिप्ट का उपयोग करके हर 5 सेकंड में एक वेब पेज को ऑटो रीफ्रेश करने के सभी सुविधाजनक तरीकों पर चर्चा की है।

निष्कर्ष

जावास्क्रिप्ट का उपयोग करके हर 5 सेकंड में एक वेब पेज को ऑटो रीफ्रेश करने के लिए, 'का उपयोग करें' सेटइंटरवल () ' तथा ' दस्तावेज़.क्वेरी चयनकर्ता () 'टाइमर मान को समायोजित करने के तरीके,' ताज़ा करें () 'वेब पेज को रीफ्रेश करने की विधि, या' सेटटाइमआउट () “वेब पेज की विशिष्ट टाइमआउट रिफ्रेश सीमा निर्धारित करने की विधि। इस लेख ने जावास्क्रिप्ट का उपयोग करके हर 5 सेकंड में एक वेब पेज को ऑटो रीफ्रेश करने के तरीकों का प्रदर्शन किया।