Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> 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) को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

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

जावास्क्रिप्ट स्क्रॉल डाउन के लिए लूप को कैसे रोकें?


  1. जावास्क्रिप्ट के साथ स्क्रीन रिज़ॉल्यूशन का पता कैसे लगाएं?

    स्क्रीन रिज़ॉल्यूशन का पता लगाने के लिए, window.screen की अवधारणा का उपयोग करें। चौड़ाई के लिए, निम्न का उपयोग करें - window.screen.availWidth ऊंचाई के लिए - window.screen.availHeight स्क्रीन रिज़ॉल्यूशन का पता लगाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en&q

  1. मैं एक जावास्क्रिप्ट ऑब्जेक्ट की सामग्री को एक स्ट्रिंग प्रारूप में कैसे प्रदर्शित करूं?

    document.getElementById() का उपयोग करें और innerHTML का उपयोग करके प्रदर्शित करें। निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1

  1. जावास्क्रिप्ट में एक स्ट्रिंग के रूप में संपूर्ण दस्तावेज़ HTML कैसे प्राप्त करें?

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