jquery count to number

Question

I have a piece of code that counts from 0 to a specified number with a specified delay.

The problem is that it adds by 1 and I want it to add by 0.01

How to do it? the code is as follows:

    <!DOCTYPE HTML>
<html>
<head>
<style>body{font:11px verdana;color:#555;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var max = 20;// set with php
$(incCounter);
function incCounter() {
    var currCount = parseInt($('.counter').html());
    $('.counter').text(currCount+1);
    if (currCount+1 != max) {
        setTimeout(incCounter,50);
    }
}
</script>
</head>
<body>
<div class="counter">0</div>
</body>
</html>

It surely cannot be as simple as $('.counter').text(currCount + 0.01), right? — raina77ow
– raina77ow, Commented Nov 3, 2012 at 23:07
Did you try running that function, and not just wrapping it ? — adeneo
– adeneo, Commented Nov 3, 2012 at 23:11
@adeneo sure I have a test page and trying to test every suggestion — medk
– medk, Commented Nov 3, 2012 at 23:13
What result? What exactly doesn't work with @slashingweapon answer? And, as a sidenote, do you know that each time someone reports a 'does not work' bug into the public (instead of just DESCRIBING what the h doesn't work), a cute kitten cringes in pain somewhere? — raina77ow
– raina77ow, Commented Nov 3, 2012 at 23:14

raina77ow · Accepted Answer · 2012-11-03 23:17:10Z

3

I haven't tested this, but try...

function incCounter() {
    var currCount = parseFloat($('.counter').html());
    currCount += .01;
    $('.counter').text( currCount.toFixed(2) );
    if (currCount < max)
        setTimeout(incCounter,50);
}

JS Fiddle to play with.

edited Nov 3, 2012 at 23:17

raina77ow

107k16 gold badges205 silver badges240 bronze badges

answered Nov 3, 2012 at 23:09

slashingweapon

11.4k4 gold badges33 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

raina77ow Over a year ago

Altough it's against my policy to upvote answers for trivial programming tasks, still +1 - quite a nice implementation. ) Will add a fiddle for that.

slashingweapon Over a year ago

+1 because you beat my fiddle by a whole 7 minutes.

Collectives™ on Stack Overflow

jquery count to number

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related