jquery - jQuery: animate() が有効な場合、常に変化する値を取得できますか?

Question

このコードを使用してdivを広げています：

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

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