gpt4 book ai didi

javascript - 减慢for循环的速度

转载 作者:行者123 更新时间:2023-11-30 07:09:15 27 4
gpt4 key购买 nike

我需要减慢for循环的执行速度。我必须慢慢增加 div 的宽度。

到目前为止,我已经尝试了 delay(),setTimeout(),setInterval() 但没有成功。他们似乎都以同样的方式行事。

HTML

<body>
<h1>Hello</h1>
<div class="divclass">

</div>
</body>

jQuery

$(document).ready(function () {
var width = $('.divclass').width();
for (var i = 0; i < 6; i++) {
width = width + 20;
$('.divclass').delay(2000);
$(".divclass").css("width", width);
};
});

http://jsfiddle.net/RQVa8/1/

任何人都可以告诉我我的错误所在。

提前致谢。

最佳答案

DEMO

.animate()文档

$(".divclass").animate({width: width}, 2000);

关于javascript - 减慢for循环的速度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18272999/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com