jQuery：當animate（）有效時，我們可以得到不斷更改的值嗎？

Question

我使用此代碼拓寬一個div：

$("#bar").animate({width: '50%'}, 3000); 

我也想要顯示的百分比值從0％提高到50％，正是因爲它正在改變$（「＃條」）DIV。

請指教，謝謝！

Answer 1

這是step選項的用途。看一看文檔：

$("#bar").animate({ 
    width: '50%' 
}, 
{ 
    duration: 3000, 
    step: function(now, fx){ 
     // update here, now is the current value 
     // something like this 
     $(this).text(Math.floor(now) + "%"); 
    } 
}); 

http://jsfiddle.net/yFGm4/

Answer 2

$('#bar').animate({width: '50%'}, { 
    duration: 3000, 
    step: function(now, fx) { 
     $('#bar_pct').text(now + '%'); 
    } 
});