Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在设置动画时查看元素的宽度?_Jquery_Html_Width_Jquery Animate - Fatal编程技术网

Jquery 如何在设置动画时查看元素的宽度?

Jquery 如何在设置动画时查看元素的宽度?,jquery,html,width,jquery-animate,Jquery,Html,Width,Jquery Animate,我使用以下方法简单地为对象设置动画: $("#progress").animate({width:400},2000) 我还想看到它的宽度是这样的 $("#loadingpro").html(pro+"%"); pro = Math.round(procent$("#progress").width()/4); 但当我这样做的时候,它开始延迟整个cpu,以至于根本不可能这样做 你知道我如何用其他方式做吗?你可以使用和。在中场休息时多做些练习,使比赛顺利进行~20微秒对我来说很有效: $(f

我使用以下方法简单地为对象设置动画:

$("#progress").animate({width:400},2000)
我还想看到它的宽度是这样的

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

pro = Math.round(procent$("#progress").width()/4);
但当我这样做的时候,它开始延迟整个cpu,以至于根本不可能这样做

你知道我如何用其他方式做吗?

你可以使用。在中场休息时多做些练习,使比赛顺利进行~20微秒对我来说很有效:

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

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

@Drink86-不客气;)如果我的答案解决了你的问题,别忘了接受我的答案(在计票旁打勾)。