JQuery腳本無法實現循環

Question

我試圖讓這個腳本循環，但我不能。

$(document).ready(function inout() { 
    $('#review1').fadeIn(1500).delay(3500).fadeOut(1500); 
    $('#review2').delay(3500).fadeIn(1500).delay(3500) 
    }); 

Answer 1

如果你想review1到淡入，淡出，然後，再review2到淡入，然後之間，你可以做這樣的延遲淡出;

$(document).ready(function inout() { 
    function cycle() { 
     $('#review1').fadeIn(1500).delay(3500).fadeOut(1500, function() { 
      $('#review2').delay(3500).fadeIn(1500).delay(3500).fadeOut(1500, function() { 
       setTimeout(cycle, 1500); 
      }); 
     }); 
    } 

    cycle(); 
}); 

這使用jQuery動畫完成功能爲了鏈接單獨的動畫，所以一個開始後，另一個完成。這些是不同步的動畫，所以你不能只使用正常的順序編程。