アニメーションをループする

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>

Alternativlyあなたが使用することができますsetInterval()

参考：

jQuery - .ready()

IIFE

---

Example