Counter Start auf bestimmte Div Scroll in Javascript

-1

Wie kann Counter auf Scroll-Ereignis starten.Counter Start auf bestimmte Div Scroll in Javascript

var count = 0; 
var counter = setInterval(timer, 40); 
    function timer(){ 
     count += 1; 
     if(count == 98){ 
      clearInterval(counter); 
     } 
     document.getElementById('num').innerHTML = count; 
    }

HTML-Code

<h3><span id="num">98</span>+</h3>

Quelle

2016-03-29 Tausif Raut

Was ist Ihre Frage? Kannst du nicht eine Frage stellen, anstatt das gleiche Wort zu wiederholen? – PHJCJO

Kannst du die Frage so bearbeiten, dass auch andere Leute die Hilfe von der Frage bekommen, die du fragst, wenn es interessant ist. Lesen Sie die Hilfeseite der Site. Wie man eine Frage stellt und auf die Frage antwortet, ist klar dort geschrieben. – PHJCJO

verstehst du –

Dies ist ein Beispiel dafür, was man ..

<!DOCTYPE> 
<html> 
    <head> 
     <title></title> 
     <style> 
      #myScroller { 
       margin: 10px; 
       padding: 10px; 
       width: 100px; 
       height: 100px; 
       background-color: beige; 
       display: block; 
       overflow-y:auto; 

      } 

      #demo { 
       margin: 10px; 
       padding: 10px; 
       width: 100px; 
       height: 100px; 
       background-color: bisque; 
      } 
     </style> 
    </head> 
    <body> 

     <div id="myScroller" class="test"> 
      <br>Test 
      <br>Test 
      <br>Test 
      <br>Test 
      <br>Test 
      <br>Test 
      <br>Test 
      <br>Test 
      <br>Test 
      <br>Test 
     </div> 

     <div id="demo"></div> 

     <script type="text/javascript"> 
      var myScroller = document.getElementById("myScroller"), 
       demo = document.getElementById("demo"); 
       myScroller.addEventListener("scroll", function(){ 

        var count = 0; 
        var counter = setInterval(timer, 40); 
        function timer() { 
         count += 1; 
         if(count == 98){ 
          clearInterval(counter); 
         } 
         demo.innerHTML = count; 
        } 
       }); 

     </script> 
    </body> 
</html>

dies also funktioniert> = 9, Firefox, Opera, Chrome

zu tun versuchen

Quelle

2016-03-29 10:23:30 PHJCJO

Hey PHJCJO. Ich habe das selbst gelöst .. Danke für deine Hilfe auch..var count = 0; var counter = setInterval (Zeitgeber, 40); Funktionstimer() { if (window.pageYOffset> 1700) { Anzahl + = 1; } if (count == 98) { clearInterval (Zähler); } document.getElementById ('num'). InnerHTML = zählen; } –

viel Glück mit Ihrer Lösung – PHJCJO

Counter Start auf bestimmte Div Scroll in Javascript

Antwort

Verwandte Themen