इस ट्यूटोरियल में, आप उदाहरणों की मदद से जावास्क्रिप्ट सेटटाइमआउट () विधि के बारे में जानेंगे।
setTimeout()विधि निर्दिष्ट समय के बाद कोड का एक खंड निष्पादित करता है। विधि केवल एक बार कोड निष्पादित करती है।
जावास्क्रिप्ट सेटटाइमआउट का आमतौर पर उपयोग किया जाने वाला सिंटैक्स है:
setTimeout(function, milliseconds);
इसके पैरामीटर हैं:
- function - एक फ़ंक्शन जिसमें कोड का एक ब्लॉक होता है
- मिलीसेकंड - वह समय जिसके बाद फ़ंक्शन निष्पादित किया जाता है
setTimeout()विधि एक रिटर्न intervalID है, जो एक सकारात्मक पूर्णांक है।
उदाहरण 1: 3 सेकंड के बाद एक बार पाठ प्रदर्शित करें
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) setTimeout(greet, 3000); console.log('This message is shown first');
आउटपुट
यह संदेश पहले हैलो दुनिया को दिखाया गया है
उपरोक्त कार्यक्रम में, setTimeout()विधि 3000 मिलीसेकंड ( 3 सेकंड) के greet()बाद फ़ंक्शन को कॉल करती है ।
इसलिए, कार्यक्रम केवल 3 सेकंड के बाद केवल एक बार पाठ नमस्ते दुनिया प्रदर्शित करता है ।
नोट : setTimeout()विधि उपयोगी है जब आप कुछ समय के बाद एक बार के ब्लॉक को निष्पादित करना चाहते हैं। उदाहरण के लिए, निर्दिष्ट समय के बाद उपयोगकर्ता को संदेश दिखाना।
setTimeout()विधि अंतराल आईडी देता है। उदाहरण के लिए,
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) let intervalId = setTimeout(greet, 3000); console.log('Id: ' + intervalId);
आउटपुट
Id: 3 नमस्ते दुनिया
उदाहरण 2: प्रदर्शन समय हर 3 सेकंड
// program to display time every 3 seconds function showTime() ( // return new date and time let dateTime= new Date(); // returns the current local time let time = dateTime.toLocaleTimeString(); console.log(time) // display the time after 3 seconds setTimeout(showTime, 3000); ) // calling the function showTime();
आउटपुट
5:45:39 PM 5:45:43 PM 5:45:47 PM 5:45:50 PM …
उपरोक्त कार्यक्रम हर 3 सेकंड में समय प्रदर्शित करता है ।
setTimeout()विधि समय अंतराल (यहाँ के बाद केवल एक बार फ़ंक्शन को कॉल 3 सेकंड)।
हालाँकि, उपरोक्त प्रोग्राम में, चूंकि फ़ंक्शन स्वयं कॉल कर रहा है, इसलिए प्रोग्राम हर 3 सेकंड में समय प्रदर्शित करता है ।
यह कार्यक्रम अनिश्चित काल तक चलता है (जब तक कि स्मृति समाप्त नहीं हो जाती)।
नोट : यदि आपको किसी फ़ंक्शन को कई बार निष्पादित करने की आवश्यकता है, तो setInterval()विधि का उपयोग करना बेहतर है ।
जावास्क्रिप्ट क्लियर टाइमआउट ()
जैसा कि आपने उपरोक्त उदाहरण में देखा है, प्रोग्राम निर्दिष्ट समय अंतराल के बाद कोड के एक ब्लॉक को निष्पादित करता है। यदि आप इस फ़ंक्शन कॉल को रोकना चाहते हैं, तो आप clearTimeout()विधि का उपयोग कर सकते हैं ।
clearTimeout()विधि का सिंटैक्स है:
clearTimeout(intervalID);
यहां, विधि intervalIDका रिटर्न मान है setTimeout()।
उदाहरण 3: ClearTimeout () विधि का उपयोग करें
// program to stop the setTimeout() method let count = 0; // function creation function increaseCount()( // increasing the count by 1 count += 1; console.log(count) ) let id = setTimeout(increaseCount, 3000); // clearTimeout clearTimeout(id); console.log('setTimeout is stopped.');
आउटपुट
सेटटाइमआउट रोक दिया गया है।
उपरोक्त कार्यक्रम में, setTimeout()विधि का उपयोग 3 सेकंड के बाद गिनती के मूल्य को बढ़ाने के लिए किया जाता है। हालाँकि, clearTimeout()विधि विधि के फ़ंक्शन कॉल को रोकती है setTimeout()। इसलिए, गणना मूल्य नहीं बढ़ाया गया है।
नोट : आप आमतौर पर clearTimeout()विधि का उपयोग तब करते हैं जब आपको setTimeout()ऐसा होने से पहले विधि कॉल को रद्द करने की आवश्यकता होती है।
आप setTimeout()विधि के लिए अतिरिक्त तर्क भी पास कर सकते हैं । वाक्य रचना है:
setTimeout(function, milliseconds, parameter1,… .paramenterN);
जब आप करने के लिए अतिरिक्त पैरामीटर भेजने setTimeout()विधि, इन मानकों ( parameter1, parameter2आदि) निर्दिष्ट करने के लिए पारित हो जाएगा समारोह ।
उदाहरण के लिए,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setTimeout setTimeout(greet, 1000, 'John', 'Doe');
आउटपुट
हैलो जॉन डो
उपरोक्त कार्यक्रम में, दो मापदंडों Johnऔर विधि Doeको पारित किया जाता setTimeout()है। ये दो पैरामीटर तर्क हैं जो फ़ंक्शन (यहां, greet()फ़ंक्शन) को पास किए जाएंगे जो कि setTimeout()विधि के अंदर परिभाषित किया गया है।
अनुशंसित पढ़ना: जावास्क्रिप्ट async () और प्रतीक्षा ()
