जावास्क्रिप्ट सेटटाइमआउट

Michael Zippo

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

जावास्क्रिप्ट को लाइन दर लाइन निष्पादित किया जाता है। जैसे ही एक लाइन निष्पादित की जाती है, अगली पंक्ति शुरू होती है। अधिकांश साइटों के लिए, यह संरचना समझ में आती है - कोड को क्रम में निष्पादित किया जाना चाहिए। क्या होगा अगर मैं संचालन के बीच एक विराम शुरू करना चाहता हूं?

यहां वह जगह है जहां सेटटाइमआउट और सेटइंटरवल विधियां काम में आती हैं। सेटटाइमआउट सेट टाइमआउट के बाद किसी फ़ंक्शन को कॉल करता है। setInterval किसी निर्दिष्ट विलंब के साथ जारी रखें फ़ंक्शन को कॉल करता है।

इस मार्गदर्शिका में, हम setTimeout और setInterval< के बारे में बात करने जा रहे हैं। /em> हैं। हम कुछ उदाहरणों का हवाला देकर दिखाएंगे कि वे कैसे काम करते हैं ताकि आप इन विधियों का उपयोग शुरू कर सकें। आइए शुरू करें!

JavaScript setTimeout क्या है?

JavaScript setTimeout () मिलीसेकंड की एक निश्चित अवधि बीत जाने के बाद एक विधि को कॉल करता है। विधि को केवल एक बार कहा जाता है। सेटटाइमआउट () विधि आपको अपने कोड में देरी का परिचय देने की अनुमति देती है।

आइए इस विधि के सिंटैक्स पर एक नज़र डालते हैं:। - - ब्लॉक कोड-ब्लॉक"> <पूर्व>विंडो.सेटटाइमआउट (फ़ंक्शन, समय);

सेटटाइमआउट द्वारा स्वीकार किए गए दो पैरामीटर हैं:
कार्य :। एक समयावधि बीत जाने के बाद आप जिस फ़ंक्शन को चलाना चाहते हैं, वह समाप्त हो गया है
घंटा : किसी फ़ंक्शन को निष्पादित करने से पहले आपके प्रोग्राम को कितने समय तक प्रतीक्षा करनी चाहिए।

JavaScript टाइमर सेटटाइमआउट प्रारंभ करें

आइए एक ऐसा टाइमर बनाएं जो "पायथन.इंजीनियरिंग!" प्रिंट करता हो। कंसोल में एरो फंक्शन के माध्यम से:

इस टाइमर के दो तर्क हैं। पहला तर्क जावास्क्रिप्ट फ़ंक्शन है जिसे हम अपने विजेट में चलाना चाहते हैं। दूसरा तर्क मिलीसेकंड में समय की लंबाई है जिसे हम अपने फ़ंक्शन के अंदर कोड निष्पादित होने से पहले खर्च करना चाहते हैं।
दो सेकंड प्रतीक्षा करने के बाद, हमारा कोड "पायथन.इंजीनियरिंग!" प्रिंट करता है। JavaScript कंसोल पर।
जिस फ़ंक्शन को आप कॉल करना चाहते हैं उसे सेटटाइमआउट फ़ंक्शन के अंदर परिभाषित नहीं किया जाना चाहिए। हम अपने कोड को पढ़ने में आसान बनाने के लिए फ़ैक्टराइज़ कर सकते हैं:

फ़ंक्शन जो पहले एक तर्क था, अब इसके फ़ंक्शन में है जिसे printCareerKarma कहा जाता है। हम इस फ़ंक्शन को सेटटाइमआउट विधि में संदर्भित करते हैं। यह कोड हमारे मूल उदाहरण की तुलना में पढ़ने में आसान है

कैसे एक सेटटाइमआउट टाइमर को रद्द करने के लिए

आप clearTimeout () विधि में टाइमर को रद्द कर सकते हैं। यह टाइमर के निष्पादन को रोक देगा और टाइमर के अंदर कोड निष्पादित नहीं किया जाएगा। निम्नलिखित कोड पर विचार करें:

यह कोड कंसोल पर प्रिंट नहीं होता है। ऐसा इसलिए है क्योंकि सेटटाइमर टाइमर टैग को काम करने का मौका मिलने से पहले हम clearTimeout का उपयोग करके अपने टाइमर को साफ़ कर देते हैं।
क्या है? क्या JavaScript setInterval
JavaScript setInterval () विधि बार-बार किसी फ़ंक्शन को कॉल करती है। प्रत्येक
SETIN फ़ंक्शन कॉल के बीच एक निर्दिष्ट विलंब परिभाषित किया गया है। टर्वल () सेटटाइमआउट () के समान सिंटैक्स का उपयोग करता है:

सेटइंटरवल का उपयोग करने के लिए आपको दो पैरामीटर निर्दिष्ट करने होंगे:
फ़ंक्शन:। वह फ़ंक्शन जिसे निष्पादित किया जाएगा
समय: आपके द्वारा निर्दिष्ट फ़ंक्शन के प्रत्येक कॉल के बीच का समय

एक JavaScript स्क्रिप्ट टाइमर सेट इंटरवल प्रारंभ करें
जबकि सेटटाइमआउट केवल एक बार फ़ंक्शन करता है, सेटइंटरवल फिर से एक फ़ंक्शन करना जारी रखेगा। यह सेटटाइमआउट विधि के समान सिंटैक्स का उपयोग करता है।
आइए एक फ़ंक्शन बनाएं जो कंसोल पर कॉफी टेबल:

यह कोड बार-बार iterateOverArray फ़ंक्शन को निष्पादित करता है। इस फ़ंक्शन की प्रत्येक कॉल के बीच एक सेकंड (1000 मिलीसेकंड) की देरी होती है।

इस कोड के साथ समस्या यह है कि यह हमारी सूची में प्रत्येक आइटम को दोहराने के बाद भी काम करना जारी रखता है। जब हमारी सूची के सभी आइटम कंसोल पर प्रिंट हो जाते हैं, तो "अपरिभाषित" सेटइंटरवल फ़ंक्शन काम करना जारी रखता है
मान ‚Äã‚Äãअनिश्चित काल तक मुद्रित होते हैं। क्योंकि यह तब तक दोहराता है जब तक इसे रुकने के लिए नहीं दिखाया जाता। हम इस समस्या का समाधान करते हैं।
सेटइंटरवल टाइमर कैसे रद्द करें

clearInterval विधि एक setInterval विधि प्लस के निष्पादन को रोकती है .
कंसोल पर सभी मेनू कॉफी प्रिंट हो जाने के बाद हमारा टाइमर रद्द कर दें। आरंभ करने के लिए, आइए गणना करें कि हमारी कॉफी सूची में कितने आइटम हैं। यह हमें यह पहचानने की अनुमति देगा कि हमें अपना टाइमर कब रद्द करना चाहिए

जावास्क्रिप्ट सेटटाइमआउट

JavaScript setTimeout क्या है?

JavaScript टाइमर सेटटाइमआउट प्रारंभ करें

कैसे एक सेटटाइमआउट टाइमर को रद्द करने के लिए

क्या है? क्या JavaScript setInterval

एक JavaScript स्क्रिप्ट टाइमर सेट इंटरवल प्रारंभ करें

सेटइंटरवल टाइमर कैसे रद्द करें

setInterval: को रोकने के लिए किया था। एक विज़ुअल उदाहरण

निष्कर्ष (और चुनौती)