Question

我不能让这个jquery循环继续前进。我确信这是一件我想念的简单事。

$(document).ready(function loop(){
    var div = $("div");
    div.animate({width: '800px', opacity: '0'}, "slow");
    setTimeout(function(){loop()}, 1);
});

Answer 1

这就是你所看到的：

 $(document).ready(function() { // anonymous callback function for the ready-handler
   (function loop() { //IIFE construct for the loop function, this will call the function when loaded.
     var div = $("div");
     div.animate({
       width: '800px',
       opacity: '0'
     }, "slow");
     console.log('loop');
     setTimeout(function() {
       loop() //invoke the function recursivly
     }, 100);
   })();
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

另外，您可以使用setInterval()

参考：

jQuery - .ready()

IIFE

Example

循环播放动画

1 个答案: