जावास्क्रिप्ट एक पूर्व-परिभाषित प्रदान करता है ' क्लियरटाइमआउट ()' विधि जो टाइम-आउट कार्यक्षमता का प्रबंधन करती है। यह उपयोगकर्ताओं को पहले से स्थापित समय अंतराल को रद्द करने की अनुमति देता है। सेटटाइमआउट ()' समारोह। यह विशिष्ट समय अंतराल के बाद दोहराए जाने वाले कोड ब्लॉक के निष्पादन को रोक देता है। इसका उपयोग ज्यादातर बैंकिंग और ई-कॉमर्स वेबसाइटों के लिए निर्धारित कार्यों को रद्द करने के लिए किया जाता है।
यह पोस्ट बताएगी कि जावास्क्रिप्ट क्लियरटाइमआउट() फ़ंक्शन को कैसे संभालना है।
जावास्क्रिप्ट 'क्लियरटाइमआउट()' फ़ंक्शन को कैसे संभालें?
“ क्लियरटाइमआउट ()' फ़ंक्शन उस समय अंतराल को रद्द कर देता है जो पहले 'की मदद से निर्धारित किया गया था सेटटाइमआउट ()' समारोह। “ सेटटाइमआउट ()'' फ़ंक्शन किसी विशिष्ट कार्य को बार-बार करने के लिए समय अंतराल निर्धारित करता है।
वाक्य - विन्यास
का कार्य ' क्लियरटाइमआउट ()' विधि इसके मूल वाक्यविन्यास पर निर्भर करती है जो नीचे लिखा गया है:
क्लियरटाइमआउट ( id_of_settimeout )
उपरोक्त वाक्यविन्यास के अनुसार, ' क्लियरटाइमआउट ()' लेता है ' पहचान ' की ' सेटटाइमआउट ()'' कार्य करता है और समय अंतराल को रोकता है। यदि उपयोगकर्ता आईडी पास नहीं करता है तो यह कुछ भी नहीं करता है।
आइए उपरोक्त परिभाषित फ़ंक्शन को उसके मूल सिंटैक्स का उपयोग करके कार्यान्वित करें।
उदाहरण 1: निर्धारित समय अंतराल को रोकने के लिए 'क्लियरटाइमआउट()' फ़ंक्शन को लागू करना
पहला उदाहरण लागू होता है ' क्लियरटाइमआउट ()'' निर्धारित समय अंतराल को रोकने के लिए फ़ंक्शन।
सबसे पहले निम्नलिखित HTML कोड को देखें:
< केंद्र >< पी > 2 सेकंड प्रतीक्षा करें, पृष्ठ एक शीर्षक प्रदर्शित करेगा। < / पी >
< एच 2 पहचान = 'H2' < / एच 2 >
< बटन क्लिक पर = 'रुकना()' > निष्पादन बंद करो! < / बटन >
< / केंद्र >
उपरोक्त कोड पंक्तियों में:
- “< केंद्र >” टैग दिए गए HTML तत्वों के संरेखण को वेब पेज के केंद्र में सेट करता है।
- “< पी >” टैग एक पैराग्राफ स्टेटमेंट निर्दिष्ट करता है।
- “< एच 2 >'टैग एक आईडी के साथ एक खाली शीर्षक तत्व है' एच 2 ”।
- “< बटन >' टैग बटन तत्व सम्मिलित करता है जो ' को कॉल करता है रुकना ()'फ़ंक्शन जब यह संलग्न होता है' क्लिक पर 'घटना शुरू हो गई है।
इसके बाद, “लागू करें” क्लियरटाइमआउट ()'' बताए गए कोड ब्लॉक का उपयोग करके फ़ंक्शन:
< लिखी हुई कहानी >कॉन्स्ट निर्धारित समय = सेटटाइमआउट ( शुरू , 2000 ) ;
समारोह शुरू ( ) {
दस्तावेज़। getElementById ( 'H2' ) . आंतरिक HTML = 'लिनक्सहिंट में आपका स्वागत है!'
}
समारोह रुकना ( ) {
क्लियरटाइमआउट ( निर्धारित समय ) ;
}
लिखी हुई कहानी >
उपरोक्त कोड स्निपेट में:
- “ निर्धारित समय 'वेरिएबल' लागू होता है सेटटाइमआउट ()' फ़ंक्शन जो 'पास करता है शुरू 'इसके पहले पैरामीटर के रूप में कार्य करें और निर्दिष्ट करें' मिलीसेकंड की संख्या ” दूसरे पैरामीटर के रूप में। यह फ़ंक्शन निष्पादित करता है ' शुरू 'एक निर्दिष्ट समय अंतराल में कार्य करें।
- अगला, परिभाषित करें ' शुरू ()' समारोह।
- इस समारोह में, ' document.getElementById ()' विधि उस खाली शीर्षक तत्व तक पहुँचने के लिए लागू की जाती है जिसकी आईडी ' है एच 2 ” और इसे दिए गए टेक्स्ट स्टेटमेंट के साथ जोड़ें।
- उसके बाद, ' रुकना ()' फ़ंक्शन को परिभाषित किया गया है, जो ' लागू होता है क्लियरटाइमआउट ()'' की आईडी पास करने की विधि सेटटाइमआउट ()' इसके समय अंतराल को रोकने के लिए कार्य करता है।
आउटपुट (निष्पादन रोकने से पहले)
अब आउटपुट 'के माध्यम से निर्धारित समय अंतराल को रोकने से पहले एक निर्दिष्ट समय अंतराल में एक शीर्षक तत्व दिखाता है सेटटाइमआउट ()' तरीका।
आउटपुट (निष्पादन रोकने के बाद)
दिया गया बटन क्लिक उस समय अंतराल को रोक देता है जो शीर्षक तत्व को प्रदर्शित करने के लिए निर्धारित किया गया है।
उदाहरण 2: किसी फ़ंक्शन को रोकने के लिए 'क्लियरटाइमआउट()' फ़ंक्शन लागू करना
यह उदाहरण 'का उपयोग करता है क्लियरटाइमआउट ()'' किसी फ़ंक्शन के निष्पादन को रोकने के लिए फ़ंक्शन:
सबसे पहले, दिए गए HTML कोड को पढ़ें:
< केंद्र >< बटन क्लिक पर = 'शुरू करना()' > गिनती शुरू करो! < / बटन >
< इनपुट प्रकार = 'मूलपाठ' पहचान = 'मैदान' >
< बटन क्लिक पर = 'रुकना()' > गिनती बंद करो! < / बटन >
< / केंद्र >
उपरोक्त कोड ब्लॉक में:
- “< बटन >' टैग ' संलग्न करता है क्लिक पर जब इसे क्लिक किया जाता है तो 'प्रारंभ ()' फ़ंक्शन को लागू करने के लिए ईवेंट।
- “< इनपुट >'टैग' प्रकार के साथ एक इनपुट फ़ील्ड जोड़ता है मूलपाठ ” और एक आईडी “फ़ील्ड”।
- अगला '< बटन >'यह भी जोड़ता है' क्लिक पर 'कॉल करने के लिए घटना' रुकना ()' फ़ंक्शन तब कार्य करता है जब यह ईवेंट सक्रिय हो जाता है।
अब, 'लागू करें क्लियरटाइमआउट ()'' इन कोड पंक्तियों का उपयोग करके कार्य करता है:
< लिखी हुई कहानी >काउंटर करने दो = 0 ;
चलो सेटटाइम ;
टाइमर चालू करें = 0 ;
समारोह गिनती करना ( ) {
दस्तावेज़। getElementById ( 'मैदान' ) . कीमत = विरोध करना ;
विरोध करना ++;
निर्धारित समय = सेटटाइमआउट ( गिनती करना , 1000 ) ;
}
समारोह शुरू ( ) {
अगर ( ! पर घड़ी ) {
पर घड़ी = 1 ;
गिनती करना ( ) ;
}
}
समारोह रुकना ( ) {
क्लियरटाइमआउट ( निर्धारित समय ) ;
पर घड़ी = 0 ;
}
लिखी हुई कहानी >
कोड की उपरोक्त पंक्तियों में:
- सबसे पहले, ' होने देना 'कीवर्ड तीन वेरिएबल घोषित करता है' काउंटर', 'सेटटाइम', और 'टाइमर_ऑन ”।
- अगला, ' गिनती करना ()'' फ़ंक्शन परिभाषित है।
- इसकी परिभाषाओं में, ' दस्तावेज़.getElementById() 'विधि को उसकी आईडी का उपयोग करके अतिरिक्त इनपुट फ़ील्ड तक पहुंचने के लिए लागू किया जाता है' मैदान ' और इसे ' के मान के साथ जोड़ें विरोध करना ' चर।
- अब, ' का मान बढ़ाएँ विरोध करना ' चर।
- अंत में, “लागू करें” सेटटाइमआउट ()' का निष्पादन करने की विधि' गिनती करना ()' एक निश्चित समय अंतराल में कार्य करता है।
- उसके बाद, ' नामक फ़ंक्शन को परिभाषित करें शुरू ()'।
- इस समारोह में, एक ' अगर 'कथन का उपयोग किसी शर्त को निर्दिष्ट करने के लिए किया जाता है अर्थात यदि ' imer_on ' क्या नहीं है ' पर ' तो यह ' के बराबर है 1 ' और यह ' गिनती करना ()'' फ़ंक्शन को कॉल किया जाता है।
- अब, एक और फ़ंक्शन परिभाषित किया गया है जिसका नाम ' रुकना ()'।
- इसकी परिभाषा में, ' क्लियरटाइमआउट ()' विधि को ' की आईडी पास करते हुए लागू किया जाता है सेटटाइमआउट ()'' विधि अर्थात '' निर्धारित समय ”।
उत्पादन
यह देखा जा सकता है कि ' गिनती शुरू करें 'बटन गिनती शुरू करता है जो हर 1 सेकंड के बाद बढ़ती है। यह गिनती “पर क्लिक करने पर रुक जाती है” गिनती बंद करो! ' बटन।
यह सब जावास्क्रिप्ट में क्लियरटाइमआउट() फ़ंक्शन को संभालने के बारे में है।
निष्कर्ष
“ क्लियरटाइमआउट ()' फ़ंक्शन 'की सहायता से निर्दिष्ट समय अंतराल को संभालता है सेटटाइमआउट ()' समारोह। की आईडी पास करके यह कार्य करता है 'सेटटाइमआउट()' इसके आवश्यक पैरामीटर के रूप में कार्य करें। इसका उपयोग निर्दिष्ट समय अंतराल में किए गए कार्यों को रद्द करने के लिए किया जाता है जिसे 'का उपयोग करके निर्धारित किया जाता है' सेटटाइमआउट ()' समारोह। इस पोस्ट में जावास्क्रिप्ट क्लियरटाइमआउट() फ़ंक्शन को संभालने की प्रक्रिया को व्यावहारिक रूप से समझाया गया है।