减慢for循环的速度

Question

减慢for循环的速度

use*_*103 1 javascript css jquery delay css3

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

到目前为止,我已经尝试delay(),setTimeout(),setInterval()但没有成功.他们似乎都表现得一样.

HTML

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

    </div>
</body>

Run Code Online (Sandbox Code Playgroud)

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);
    };
});

Run Code Online (Sandbox Code Playgroud)

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

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

提前致谢.

Answer 1

Tus*_*har 6

DEMO

.animate()文档

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，1 月前
查看次数：	1452 次
最近记录：	12 年，11 月前