Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में एसिंक्रोनस लूप (Asynchronous Loop) कैसे इम्प्लीमेंट करें?


JavaScript में एसिंक्रोनस लूप इम्प्लीमेंट करने का निम्नलिखिक कोड है:

उदाहरण

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Async Loop Demo</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; color: blueviolet; } </style> </head> <body> <h1>JavaScript में एसिंक्रोनस लूप</h1> <div class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3>हमारे एसिंक्रोनस लूप को शुरू करने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <script> let resEle = document.querySelector(".result"); async function waitTime(time) { return new Promise((resolve) => { setTimeout(resolve, time); }); } async function someFunction() { for (let i = 0; i < 10; i++) { await waitTime(2000); resEle.innerHTML += "i = " + i + "<br>"; } } document.querySelector(".Btn").addEventListener("click", () => { someFunction(); }); </script> </body> </html>

आउटपुट

JavaScript में एसिंक्रोनस लूप (Asynchronous Loop) कैसे इम्प्लीमेंट करें?

'यहाँ क्लिक करें' बटन पर क्लिक करने पर लूप 1 से 10 प्रिंट करेगा:

JavaScript में एसिंक्रोनस लूप (Asynchronous Loop) कैसे इम्प्लीमेंट करें?


  1. जावास्क्रिप्ट में फ्लोचार्ट का उपयोग करके फॉर लूप कैसे दिखाएं? जावास्क्रिप्ट में फ्लोचार्ट का उपयोग करके फॉर लूप कैसे दिखाएं?

    “for” लूप में लूप इनिशियलाइज़ेशन शामिल है जहां हम अपने काउंटर को एक प्रारंभिक मान पर इनिशियलाइज़ करते हैं। इनिशियलाइज़ेशन स्टेटमेंट लूप शुरू होने से पहले निष्पादित होता है, टेस्ट स्टेटमेंट जो यह टेस्ट करेगा कि दी गई कंडीशन true है या नहीं। यदि कंडीशन true है, तो लूप के अंदर दिया गया कोड

  1. जावास्क्रिप्ट में लूप में देरी कैसे जोड़ें? जावास्क्रिप्ट में लूप में देरी कैसे जोड़ें?

    लूप में देरी जोड़ने के लिए, जावास्क्रिप्ट में setTimeout() मेथड का उपयोग करें। लूप में देरी जोड़ने के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <tit

  1. जावास्क्रिप्ट में ऑब्जेक्ट्स वाले ऐरे के ऐरे के माध्यम से लूप कैसे करें? जावास्क्रिप्ट में ऑब्जेक्ट्स वाले ऐरे के ऐरे के माध्यम से लूप कैसे करें?

    जावास्क्रिप्ट में ऑब्जेक्ट्स वाले ऐरे के ऐरे के माध्यम से लूप करने का कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <s