2012-11-03 70 views
0

我有一段代碼,從0到指定的延遲時間的指定數字。jquery count to number

的問題是,它增加1,我希望它由0.01

添加怎麼辦呢?代碼如下:

<!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> 
+4

它肯定不能像$('。counter')。text(currCount + 0.01)那樣簡單,對嗎? – raina77ow

+1

你有沒有試過num.toFixed(2) –

+0

@ raina77ow不工作 – medk

回答

3

我沒有測試過這一點,但嘗試...

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

JS Fiddle一起玩。

+0

始終是相同的結果 – medk

+2

儘管與我的政策一致爲了解決繁瑣的編程任務,仍然是+1 - 這是一個相當不錯的實現。 )將爲此添加小提琴。 – raina77ow

+1

+1,因爲你整整7分鐘擊敗了我的[小提琴](http://jsfiddle.net/slashingweapon/mWAgu/)。 – slashingweapon