जावास्क्रिप्ट में SetInterval क्या है और यह कैसे काम करता है?

जावास्क्रिप्ट कार्य के निष्पादन के साथ-साथ समय के संबंध में विधियों की भी अनुमति देता है। जावास्क्रिप्ट में SetInterval टाइमिंग इवेंट्स का एक हिस्सा है।

जावास्क्रिप्ट का उपयोग क्लाइंट-साइड प्रोग्रामिंग भाषा के साथ-साथ सर्वर-साइड प्रोग्रामिंग भाषा के रूप में किया जाता है। यहआसानी के साथ प्रदर्शन करने के लिए कई कार्यक्षमताओं के लिए ढेर सारे तरीके प्रदान करता है। यह क्या बनाया है सबसे लोकप्रिय प्रोग्रामिंग भाषाओं में से एक और साथ ही साथ यह कई प्रकार के उत्पाद विकास में व्यापक रूप से उपयोग किया जा रहा है।जावास्क्रिप्ट में SetInterval जावास्क्रिप्ट में समय घटनाओं का एक हिस्सा है और हम इसके बारे में निम्नलिखित क्रम में सीखेंगे:

घटनाओं का समय

जावास्क्रिप्ट भी निष्पादन की अनुमति देता है कार्य करता है साथ ही समय के संबंध में तरीके और कार्यक्रम के निष्पादन का समय नहीं। यह कार्यक्रम के निष्पादन के समय की परवाह किए बिना निर्दिष्ट समय पर कार्यों के निष्पादन की अनुमति देता है।





शुरुआती के लिए Microsoft sql ट्यूटोरियल

जावास्क्रिप्ट में समय घटनाओं का उपयोग करने के दो प्रमुख तरीके हैं:

  • सेटटाइमआउट (कार्य, मिलीसेकंड)



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

  • सेटइंटरवल (फ़ंक्शन, मिलीसेकंड)

यह फ़ंक्शन निष्पादन समय से फ़ंक्शन को निष्पादित करता है और हर बार अंतराल तक पहुंचने के बाद। यह हर समय अंतराल में फ़ंक्शन निष्पादन को दोहराता है।



अब चलते हैं और देखते हैं कि जावास्क्रिप्ट में SetInterval कैसे काम करता है।

जावास्क्रिप्ट में SetInterval

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

var myVar = setInterval (myTimer, 1000) myTimer () {var d = new Date () document.getElementById ('डेमो') फ़ंक्शन करता है। innerHTML = d.toLocaleString ()}।

यहाँ, document.getElementById से तत्व प्राप्त होता है जिसके पास आईडी 'डेमो' है और d.toLocaleTimeString () फ़ंक्शन सिस्टम से वर्तमान समय देता है।

इसलिए, यह हर 1000 मिलीसेकंड दोहराया जा रहा है जो 1 सेकंड के बराबर है। इस प्रकार, फ़ंक्शन को प्रत्येक 1 सेकंड में बार-बार निष्पादित किया जा रहा है और इसलिए समय को हर सेकंड अपडेट किया जा रहा है।

जावा में सेट का उपयोग कैसे करें

तो हम इस अमल को कैसे रोकेंगे? चलो पता करते हैं!

निष्पादन को कैसे रोकें?

हम function setInterval () को एक अन्य फ़ंक्शन की मदद से क्लीयरइंटरवल () कहकर निष्पादन को रोक सकते हैं।ClearInterval () फ़ंक्शन सेटअंटरवल से लौटे चर का उपयोग करता है ()।

उदाहरण के लिए:

myVar = setInterval (फ़ंक्शन, मिलीसेकंड) clearInterval (myVar)

नीचे एक उदाहरण दिया गया है जो दोनों सेटइंटरवल () और साथ ही क्लियरइंटरवल () का उपयोग करता है। यह एक घड़ी शुरू करता है और समय को रोकने के लिए एक बटन प्रदान करता है।

 

नीचे एक घड़ी है।

रुकने का समय

समय को रोकने के लिए ऊपर दिए गए बटन पर क्लिक करें।

var myVar = setInterval (myTimer, 1000) myTimer () {var d = new Date () document.getElementById ('डेमो') फ़ंक्शन करता है। innerHTML = d.toLocaleString ()}।

आउटपुट:

आउटपुट - जावास्क्रिप्ट में सेटर्निवल - edureka

SetInterval () और ClearInterval () के साथ कुछ और उदाहरण।

एक गतिशील प्रगति पट्टी बनाना

#myProgress {चौड़ाई: 100% ऊंचाई: 30px स्थिति: सापेक्ष पृष्ठभूमि-रंग: #ddd} #myBar {पृष्ठभूमि-रंग: # 4CAF50 चौड़ाई: 10px ऊंचाई: 30px स्थिति: निरपेक्ष} 
Me फंक्शन मूव () {var elem = document.getElementById ('myBar') var चौड़ाई = 0 var id = setInterval (फ्रेम, 10) फंक्शन फ्रेम () {if (चौड़ाई == 100) 'ClearInterval (id)} और {चौड़ाई ++ elem.style. उपलब्धता = चौड़ाई + '%'}}}

आउटपुट:

प्रारंभिक उत्पादन

बटन पर क्लिक के बाद आउटपुट जो 'मुझे क्लिक करें' कहता है।

दो पृष्ठभूमि के बीच टॉगल करें

टॉगल करना बंद करें var myVar = setInterval (setColor, 300) फंक्शन setColor () {var x = document.body x.style.backgroundColor = x.style.backgroundColor == 'येलो'? 'गुलाबी': 'येलो'} फंक्शन स्टॉपकलर () {क्लियरइंटरवल (myVar)}

आउटपुट:

रंग पीले और गुलाबी रंग के बीच में होगा। उपरोक्त आउटपुट बटन पर क्लिक करने से पहले है और नीचे बटन पर क्लिक करने के बाद है।

जावा दिनांक स्ट्रिंग तिथि करने के लिए

इसके साथ, हम जावास्क्रिप्ट लेख में अपने SetInterval के अंत में आ गए हैं। मुझे उम्मीद है कि आप समझ गए होंगे कि SetInterval तरीका कैसे काम करता है।

इसकी जाँच पड़ताल करो Edureka द्वारा। वेब डेवलपमेंट सर्टिफिकेशन ट्रेनिंग आपको HTML5, CSS3, Twitter बूटस्ट्रैप 3, jQuery और Google API का उपयोग करके प्रभावशाली वेबसाइट बनाने और इसे अमेज़ॅन सिंपल स्टोरेज सर्विस (S3) में तैनात करने में मदद करेगी।

क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया इस ब्लॉग के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।