Question

我有一个div，我需要移到右侧。如果输入是让步说= 1000，那么div需要以50的增量向右移动。我需要使这个运动看起来像50步然后几秒钟他们从50到100。

<button>Start</button>

<div style="background:#98bf21;height:100px;width:100px;position:absolute;"></div>

<script type="text/javascript">
    $("button").click(function(){
        var steps = 1000;
        for(var i =0; i<=steps; i+50)
        {
            $("div").animate({left: i+'px'});
        }
    })
</script>

Answer 1

在JS中尝试这样的事情：

setInterval(function() {
  elem.style.left = ( left += 10 ) + "px";
}, 100);

Working Fiddle

Answer 2

尝试将for循环更改为此步骤，步骤50：

 for(var i =0;i<=steps;i+=50){ 
    $("div").animate({left: i+'px'});
 }

如何在每一步中延迟移动div

2 个答案: