জাভাস্ক্রিপ্টে স্ক্রোল ডাউন লুপ কীভাবে বন্ধ করবেন?

জাভাস্ক্রিপ্টে লুপ বন্ধ করতে clearInterval() ফাংশনটি ব্যবহার করুন।

উদাহরণ

নিচে কোডটি দেওয়া হলো:

<!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body> <script>    var start = 0;    var limit = 200;    var scroll = setInterval(() => this.startScrollDown(), 20);    function startScrollDown() {       window.scrollBy(0, 1000);       console.log(start)          if (start == limit) clearInterval(scroll);       start++;    } </script> </html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলটি যেকোনো নাম দিয়ে সংরক্ষণ করুন (যেমন: index.html) এবং ফাইলটিতে ডান ক্লিক করে VS Code এডিটরে Open with live server অপশনটি নির্বাচন করুন।

আউটপুট

এটি নিচের আউটপুটটি দেবে: