jquery - 如何在动画时查看元素的宽度？

Question

我使用简单的动画对象:

$("#progress").animate({width:400},2000)

我也想这样看它的宽度

$("#loadingpro").html(pro+"%");

pro = Math.round(procent$("#progress").width()/4);

但是当我这样做时，它开始延迟整个 cpu，以至于根本不可能这样做。

有什么想法可以尝试以其他方式做到这一点吗？

Answer 1

你可以使用 setInterval() 和 clearInterval() 。调整间隔以使其平滑。 ~20 微秒对我有用:

$(function() {
    var timer = setInterval(function() {
        $("#loadingpro").html(Math.round($("#progress").width()/4) + "%");
    },20);
    $("#progress").animate({width:400},2000, function() {
        clearInterval(timer);
    });
});​

jsFiddle example

.setInterval()是一个不错的选择，因为您可以使用 clearInterval() 停止它在 animate() 完成所有计算后回调。