jQuery：当animate（）生效时，我们可以得到不断变化的值吗？

Question

我正在使用此代码扩展div：

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

我还希望将％值从0％显示到50％，就像在$（“＃bar”）div中更改一样。

请指教，谢谢！

Answer 1

这是step选项的用途。看一下文档：

http://api.jquery.com/animate/

$("#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 + '%');
    }
});