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

| | | | | |

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

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

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

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

JavaScript setTimeout क्या है?

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

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

सेटटाइमआउट द्वारा स्वीकार किए गए दो पैरामीटर हैं:

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

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

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

इस टाइमर के दो तर्क हैं। पहला तर्क जावास्क्रिप्ट फ़ंक्शन है जिसे हम अपने विजेट में चलाना चाहते हैं। दूसरा तर्क मिलीसेकंड में समय की लंबाई है जिसे हम अपने फ़ंक्शन के अंदर कोड निष्पादित होने से पहले खर्च करना चाहते हैं।

दो सेकंड प्रतीक्षा करने के बाद, हमारा कोड "पायथन.इंजीनियरिंग!" प्रिंट करता है। JavaScript कंसोल पर।

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

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

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

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

यह कोड कंसोल पर प्रिंट नहीं होता है। ऐसा इसलिए है क्योंकि सेटटाइमर टाइमर टैग को काम करने का मौका मिलने से पहले हम clearTimeout का उपयोग करके अपने टाइमर को साफ़ कर देते हैं।

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

JavaScript setInterval () विधि बार-बार किसी फ़ंक्शन को कॉल करती है। प्रत्येक

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

सेटइंटरवल का उपयोग करने के लिए आपको दो पैरामीटर निर्दिष्ट करने होंगे:

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

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

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

आइए एक फ़ंक्शन बनाएं जो कंसोल पर कॉफी टेबल:

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

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

मान ‚Äã‚Äãअनिश्चित काल तक मुद्रित होते हैं। क्योंकि यह तब तक दोहराता है जब तक इसे रुकने के लिए नहीं दिखाया जाता। हम इस समस्या का समाधान करते हैं।

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

clearInterval विधि एक setInterval विधि प्लस के निष्पादन को रोकती है .

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

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

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

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

चलो गणना करें कि कितने सेकंड सेटटाइमआउट () विधि को मुद्रित करने के लिए कॉफी की संख्या को गुणा करके प्रतीक्षा करनी चाहिए। 1001 तक चार कॉफी हमारी सूची में संग्रहित हैं। ओवन को 1000 से गुणा करने पर 4000 होता है, जो चार सेकंड है।

हमने संख्या 1001 को चुना है ताकि सरणी में अंतिम तत्व कंसोल पर प्रिंट होने के बाद हमारा टाइमर बंद हो जाए। यदि हम संख्या 4000 चुनते हैं, तो हमारे "कैफे" में अंतिम आइटम को प्रिंट करने से पहले हमारी प्रिंटकॉफ़ी विधि बंद हो जाएगी। कंसोल पर टेबल

आइए अपना कोड चलाएं:

हमारी सूची के सभी आइटम कंसोल पर प्रिंट हो जाने के बाद हमारा कोड रुक जाता है। यह अनिश्चित काल तक काम करना जारी नहीं रखता है। दरअसल, हमने क्लियरइंटरवल () मेथड का इस्तेमाल सेटइंटरवल () मेथड

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

आइए कुछ HTML का उपयोग करके दिखाएं कि setInterval फ़ंक्शन कैसे काम करता है। हम अपनी कॉफी सूची दिखाते हुए एक साधारण वेबसाइट बनाने जा रहे हैं। इन कॉफी को एक-एक करके साइट पर जोड़ा जाएगा। हम index.html नामक फ़ाइल में प्रोजेक्ट के लिए एक साधारण फ्रंट-एंड बनाकर शुरू करेंगे:

हमारा इंटरफ़ेस इस तरह दिखता है:

6okXMdjRqVaKAyir5bEYOj8C94vmv NLTTYy4tw3 JLK O2H3r QXrM Blze886bBFFOzVth2mVnmq9E9IKo AmRYMoPdoGhToy4K0rFANOFnqAHmeyn74JellbuBam1m910vvtc

वहाँ के लिए बहुत कुछ नहीं है करते हैं। क्योंकि हमें अपनी कॉफी दिखाने के लिए कुछ जावास्क्रिप्ट लिखना है।

हम वेबपेज पर हैं।

हमारी सूची का चयन करने के लिए हमें जावास्क्रिप्ट शुरू करेंगे। स्क्रिप्ट की एक कॉल फ़ाइल पट्टी खोलें। जेएस इस कोड को पेस्ट करें : ..

यह कोड आप और जान सकते हैं सूची से हमारे आइटम का चयन करता है। हमारे JavaScript getElementById पर हमारे ट्यूटोरियल में getElementById पर। इसलिए हम वेब पेज पर कैफे प्रदर्शित करने के लिए कुछ संशोधनों के साथ शुरू से ही अपने कोड का उपयोग करने जा रहे हैं:

iterateOverArray फ़ंक्शन, हमने नया कोड जोड़ा। हमने एक नया li तत्व बनाने के लिए सबसे पहले createElement () का उपयोग किया। फिर हम इस li तत्व की सामग्री को हमारी सूची में एक कैफे के नाम के समान सेट करते हैं।

हमारा कोड li तत्व जोड़ता है हमारी सूची में ul के लिए। यह प्रक्रिया तब तक दोहराई जाती है जब तक कि हमारी कॉफी सूची से सब कुछ वेब पेज पर नहीं जुड़ जाता, जैसा कि हमारे पिछले उदाहरण में है।

आइए अपना कोड चलाते हैं और देखते हैं कि क्या होता है। <आंकड़ा वर्ग = "WP छवि ब्लॉक"> BKdNM1booSj51VOG3Edr4fT1Z53SrHX6tT7RcsPA7tSJ5bGi1IPvOqHEDNNThuDhexK3vOSZ9: चार सेकंड, हमारे रिटर्न कोड के बाद JdXWlcfQ0WXyaX2y4lCBr957jjAEkenvoWF27UEWPNpgpExDnX6PwV0wvAO 5U

वेब पेज में जोड़े जाने वाले प्रत्येक तत्व के बीच एक दूसरा अंतराल होता है।

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

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

इन विधियों के साथ अपने कौशल में सुधार करने का प्रयास कर रहे हैं? मेमोरी गेम के लिए HTML और जावास्क्रिप्ट का उपयोग करके एक विज़ुअल इंटरफ़ेस बनाने का प्रयास करें।

गेम को उपयोगकर्ता को याद रखने के लिए पाँच शब्दों की एक श्रृंखला दिखानी चाहिए। शब्दों के प्रदर्शित होने के बाद, उपयोगकर्ता को यह पूछना चाहिए कि उसे कौन से शब्द याद हैं। यदि आप जावास्क्रिप्ट सीखने में अधिक सहायता की तलाश कर रहे हैं, तो सर्वश्रेष्ठ जावास्क्रिप्ट के लिए हमारी मार्गदर्शिका पढ़ें। शुरुआती के लिए ट्यूटोरियल .

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

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

Shop

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method