遅延を伴うアニメーションのループ方法は？

Question

私は5000msごとに変化する画像を持っており、私はそれらに字幕を入れたいと思っていました。私はこれがあります。

function showEl1(){ 
     $('#wrap').animate({ 
       left: '-450', 
      }, 500, function() { 
       $('#wrap').html($('#el1').html()); 
      }).animate({ left: '70',}, 500); 
     setTimeout(showEl2, 5000); 
    } 

    function showEl2(){ 
     $('#wrap').animate({ 
       left: '-450', 
      }, 500, function() { 
       $('#wrap').html($('#el2').html()); 
      }).animate({ left: '70',}, 500); 
     setTimeout(showEl3, 5000); 
    } 

    function showEl3(){ 
     $('#wrap').animate({ 
       left: '-450', 
      }, 500, function() { 
       $('#wrap').html($('#el3').html()); 
      }).animate({ left: '70',}, 500); 
     setTimeout(showEl1, 5000); 
    } 

    $(document).ready(function(){ 
     showEl1(); 
    } 

をそして、それは動作しますが...私は、少し前の字幕を非表示にした瞬間を待ってから次を示したいと思います。どうやってするの？

Answer 1

は、別のsetTimeoutでそれぞれのsetTimeoutをラップしてみてください。

setTimeout(function() { setTimeout(showElq, 5000); }, 1000);