在重複的jQuery動畫中放置延遲（）的問題

Question

我已經創建了一個jQuery函數，它可以重複地從頂部50px到頂部150px一個接一個地重複動畫元素。

我正試圖在每個單獨元素的動畫之間創建一個暫停（而不是迭代之間的暫停）。在第一次迭代中，沒有任何反應。在下面的函數中，函數會考慮delay（），但只考慮元素的一部分。

您可以在下面的鏈接中看到整個行動。

THE ENTIRE CODE

$(".but").click(function() { 
     function repeat() { 
      var count = $(".box").length; 
      $($(".box").get().reverse()).each(function(i) { 
       $(this).delay(600 * i).animate({ 
        top: "150px", 
        duration: 600, 
        easing: "linear", 
        complete: function() { 
         $(".box").each(function(i) { 
          $(this).delay(500); 
         }); 
         if (count == 0) { 
          $(".box").css("top", "50px"); 
          repeat(); 
         }; 
        } 
       }); 
      }); 
     }; 
     repeat(); 
    }); 

Answer 1

您有這方面下complete:

$(".box").each(function(i){ 
    $(this).delay(500); 
}); 

我把它給之前$(this).delay(600 * i).animate [...]

現在塊有他們之間的延遲。

這是你想要的嗎？ http://jsfiddle.net/HdpPj/12/