इस ट्यूटोरियल में, आप उदाहरणों की मदद से जावास्क्रिप्ट सेटइंटरवल () पद्धति के बारे में जानेंगे।
जावास्क्रिप्ट में, कोड के एक ब्लॉक को निर्दिष्ट समय अंतराल में निष्पादित किया जा सकता है। इन समय अंतरालों को टाइमिंग इवेंट कहा जाता है।
विशिष्ट अंतराल पर कोड निष्पादित करने के लिए दो तरीके हैं। वे:
- सेटइंटरवल ()
- सेटटाइमआउट ()
इस ट्यूटोरियल में, आप setInterval()विधि के बारे में जानेंगे ।
जावास्क्रिप्ट सेटइंटरवल ()
setInterval()विधि हर दिए गए समय घटना में कोड का एक खंड को दोहराता है।
आमतौर पर जावास्क्रिप्ट सेट का सिंटैक्स प्रयोग किया जाता है:
setInterval(function, milliseconds);
इसके पैरामीटर हैं:
- function - एक फ़ंक्शन जिसमें कोड का एक ब्लॉक होता है
- मिलीसेकंड - फ़ंक्शन के निष्पादन के बीच का समय अंतराल
setInterval()विधि एक रिटर्न intervalID जो एक सकारात्मक पूर्णांक है।
उदाहरण 1: हर 1 सेकंड में एक बार पाठ प्रदर्शित करें
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
आउटपुट
नमस्ते दुनिया नमस्कार दुनिया नमस्कार दुनिया नमस्कार दुनिया नमस्कार दुनिया…।
उपरोक्त कार्यक्रम में, setInterval()विधि greet()हर 1000 मिलीसेकंड ( 1 सेकंड) को फ़ंक्शन कहती है ।
इसलिए कार्यक्रम हर 1 सेकंड में एक बार पाठ नमस्ते दुनिया प्रदर्शित करता है ।
नोट : setInterval()विधि उपयोगी है जब आप कई बार कोड का एक ब्लॉक दोहराना चाहते हैं। उदाहरण के लिए, एक निश्चित अंतराल पर एक संदेश दिखाना।
उदाहरण 2: प्रदर्शन समय हर 5 सेकंड
// program to display time every 5 seconds function showTime() ( // return new date and time let dateTime= new Date(); // return the time let time = dateTime.toLocaleTimeString(); console.log(time) ) let display = setInterval(showTime, 5000);
आउटपुट
"5:15:28 PM" "5:15:33 PM" "5:15:38 PM" …।
उपरोक्त कार्यक्रम हर 5 सेकंड में एक बार वर्तमान समय प्रदर्शित करता है ।
new Date()वर्तमान दिनांक और समय देता है। और toLocaleTimeString()वर्तमान समय लौटाता है। दिनांक और समय के बारे में अधिक जानने के लिए, जावास्क्रिप्ट दिनांक और समय पर जाएँ।
जावास्क्रिप्ट क्लीयर इन्टरवल ()
जैसा कि आपने उपरोक्त उदाहरण में देखा है, प्रोग्राम हर निर्दिष्ट समय अंतराल पर कोड के एक ब्लॉक को निष्पादित करता है। यदि आप इस फ़ंक्शन कॉल को रोकना चाहते हैं, तो आप clearInterval()विधि का उपयोग कर सकते हैं ।
clearInterval()विधि का सिंटैक्स है:
clearInterval(intervalID);
यहां, विधि intervalIDका रिटर्न मान है setInterval()।
उदाहरण 3: ClearInterval () विधि का उपयोग करें
// program to stop the setInterval() method after five times let count = 0; // function creation let interval = setInterval(function()( // increasing the count by 1 count += 1; // when count equals to 5, stop the function if(count === 5)( clearInterval(interval); ) // display the current time let dateTime= new Date(); let time = dateTime.toLocaleTimeString(); console.log(time); ), 2000);
आउटपुट
4:47:41 PM 4:47:43 PM 4:47:45 PM 4:47:47 PM 4:47:49 PM
उपरोक्त कार्यक्रम में, setInterval()विधि का उपयोग वर्तमान समय को हर 2 सेकंड में प्रदर्शित करने के लिए किया जाता है । clearInterval()विधि बंद होने के बाद समारोह कॉल 5 बार।
आप setInterval()विधि के लिए अतिरिक्त तर्क भी पास कर सकते हैं । वाक्य रचना है:
setInterval(function, milliseconds, parameter1,… .paramenterN);
जब आप करने के लिए अतिरिक्त पैरामीटर भेजने setInterval()विधि, इन मानकों ( parameter1, parameter2आदि) निर्दिष्ट करने के लिए पारित हो जाएगा समारोह ।
उदाहरण के लिए,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
आउटपुट
हैलो जॉन डो नमस्ते जॉन डो नमस्ते जॉन डो …।
उपरोक्त कार्यक्रम में, दो मापदंडों Johnऔर विधि Doeको पारित किया जाता setInterval()है। ये दो पैरामीटर तर्क हैं जो फ़ंक्शन (यहां, greet()फ़ंक्शन) को पास किए जाएंगे जो कि setInterval()विधि के अंदर परिभाषित किया गया है।
नोट: यदि आपको केवल किसी फ़ंक्शन को एक बार निष्पादित करने की आवश्यकता है, तो सेटटाइमआउट () विधि का उपयोग करना बेहतर है।
