jQueryの問題：setInerval関数を使用して無限ループを実装する方法

Question

jQueryでsetInterval（）によって次の関数を実装する方法は？

function1(){ 
    $("#img1").show(); 
    $("#img02").delay(1000).show(); 
    $("#img03").delay(2000).show(); 
    $("#img04").delay(3000).show(); 
    $("#img01").delay(4000).hide(); 
    $("#img02").delay(4000).hide(); 
    $("#img03").delay(4000).hide(); 
    $("#img04").delay(4000).hide(); 
} 
$(function(){ 
    setInterval("function1()", 2000); 
}); 

イメージを1つずつ表示して、それらをすべて隠して何度も何度もやりたいと思います。
しかし、コードは私が欲しいものをやりません。画像は注文によって表示されません。誰かが私に理由を教えてもらえますか？

Answer 1

thisチュートリアルをお読みください。

これは、作者はゲームの面で話しますが、これは何かのループとして使用することができ、非常にエレガントです。

Answer 2

アニメーションが非同期で発生するのは、アニメーションが最初に終了する前にアニメーションが再開されるためです。今はお互いに重なっているアニメーションがいくつかあります。これを達成するには、コールバック関数を使用する必要があります。