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

JavaScript में स्क्रॉल डाउन लूप को रोकना


लूप को रोकने के लिए, JavaScript में 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>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम anyName.html(index.html) सहेजें और फ़ाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with live server" विकल्प चुनें।

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा:

JavaScript में स्क्रॉल डाउन लूप को रोकना


  1. JavaScript से स्क्रीन रेजोल्यूशन कैसे पता करें? JavaScript से स्क्रीन रेजोल्यूशन कैसे पता करें?

    उदाहरण स्क्रीन रेजोल्यूशन जानने के लिए window.screen ऑब्जेक्ट का उपयोग करें। // चौड़ाई के लिए window.screen.availWidth // ऊंचाई के लिए window.screen.availHeight पूरा कोड: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=devic

  1. JavaScript ऑब्जेक्ट को स्ट्रिंग फॉर्मेट में कैसे डिस्प्ले करें? JavaScript ऑब्जेक्ट को स्ट्रिंग फॉर्मेट में कैसे डिस्प्ले करें?

    उदाहरण document.getElementById() और innerHTML का उपयोग करके ऑब्जेक्ट डिस्प्ले करें। <!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> <

  1. JavaScript में संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में कैसे प्राप्त करें JavaScript में संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में कैसे प्राप्त करें

    संपूर्ण डॉक्यूमेंट HTML को स्ट्रिंग के रूप में प्राप्त करने के लिए, innerHTML की अवधारणा का उपयोग करें, जैसे:document.documentElement.innerHTML;उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport conte