jquery - jQuery：当 animate() 生效时，我们可以获得不断变化的值吗？

Question

我正在使用此代码来扩大 div：

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

我还想完全按照 $("#bar") div 中的变化来显示从 0% 到 50% 的 % 值。

请指教，谢谢！

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 + '%');
    }
});