Wie kann ich von 0 bis 100 in jQuery zählen

Question

Im Moment kann ich es jedes Mal einzeln zählen, wenn ich auf my fiddle shows klicke. Unten ist mein HTML.

var count = 0; 
 

 
$("#update").click(function() { 
 
    count++; 
 
    $("#counter").html("My current count is: " + count + "%"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="update" type="button">Button</button> 
 
<div id="counter">1</div>

Wie kann ich einmal auf eine Schaltfläche klicken eigentlich nur und machen die Grafschaft von 0 bis 100% gehen?

Answer 1

Zählung von oben von 0 bis 100%, Sie können setInterval verwenden, um Text mit Verzögerung zu aktualisieren.

$("#update").click(function() { 
 
    var count = 0; 
 
    var innterval = setInterval(function() { 
 
    if (count == 100) 
 
     clearInterval(innterval); 
 
    count++; 
 
    $("#counter").html("My current count is: " + count + "%"); 
 
    }, 1000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="update" type="button">Button</button> 
 
<div id="counter">1</div>

Answer 2

Nicht sicher, ob dies ist, was Sie wollen, aber wenn Sie Ihre Zählung von 0 bis 100 jedes Mal gehen wollen, dann einfach

ändern

count++; 

zu

count+=100; 

Answer 3

Ich glaube, Sie eine Schleife von 0 bis 100 machen möchten, dann für Sie folgenden Link überprüfen:

http://jsfiddle.net/fatehjagdeo/Bwdfw/312/

oder Code siehe unten:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> 
<button id="update" type="button">Button</button> 
<div id="counter"></div> 

<script> 
$("#update").click(function() { 
for(var i=1;i<=100;i++){ 
    $("#counter").append("My current count is: "+i +"%<br>"); 
} 


}); 
</script>