কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে লুপে ডিলে যোগ করা

লুপে সেটটাইমআউট ব্যবহার করে ডিলে

লুপের প্রতিটি ইটারেশনে ডিলে যোগ করতে `setTimeout()` ব্যবহার করা হয়। লুপ ভেরিয়েবল ক্যাপচার করার জন্য `let` ব্যবহার করা জরুরি।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
        body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
        .result { font-size: 18px; font-weight: 500; color: blueviolet; }
    </style>
</head>
<body>
    <h1>লুপে ডিলে যোগ করা</h1>
    <div class="result"></div>
    <button class="Btn">শুরু করুন</button>
    <h3>উপরোক্ত বাটনে ক্লিক করুন লুপ শুরু করতে</h3>
    <script>
        let BtnEle = document.querySelector(".Btn");
        let resEle = document.querySelector(".result");
        BtnEle.addEventListener("click", () => {
            for (let i = 0; i < 10; i++) {
                setTimeout(function () {
                    resEle.innerHTML += "i = " + i + "<br>";
                }, 2000 * i);
            }
        });
    </script>
</body>
</html>

আউটপুট

স্টার্ট বাটনে ক্লিক করলে প্রতি ২ সেকেন্ড ইন্টারভালে ০ থেকে ৯ পর্যন্ত সংখ্যা প্রিন্ট হবে।

  1. জাভাস্ক্রিপ্ট অবজেক্টে মেথড যোগ করা

  2. জাভাস্ক্রিপ্টে ডিওএম এলিমেন্টে ক্লাস যোগ করা

  3. জাভাস্ক্রিপ্ট কনস্ট্রাক্টরে প্রপার্টি এবং মেথড যোগ করার পদ্ধতি

  4. জাভাস্ক্রিপ্টে অ্যাসিনক্রোনাস লুপ বাস্তবায়ন