如何將背景動畫製作成循環（重複功能）

Question

我有一個腳本，顯示網站的背景開始。一段時間後停止。我怎樣才能使它成爲一個循環？

$(function(){ 
    $('#midground').css({backgroundPosition: '0px 0px'}); 
    $('#foreground').css({backgroundPosition: '0px 0px'}); 

    $('#midground').animate({ 
    backgroundPosition:"(-10000px -2000px)" 
    }, 240000, 'linear'); 

    $('#foreground').animate({ 
    backgroundPosition:"(-10000px -2000px)" 
    }, 180000, 'linear'); 
}) 

Answer 1

將它粘在一個函數中，然後在setTimeout後調用它自己。

function myAnimation() { 
    $('#midground').css({backgroundPosition: '0px 0px'}); 
    $('#foreground').css({backgroundPosition: '0px 0px'}); 

     $('#midground').animate({ 
      backgroundPosition:"(-10000px -2000px)" 
     }, 240000, 'linear'); 

     $('#foreground').animate({ 
      backgroundPosition:"(-10000px -2000px)" 
     }, 180000, 'linear', function() { 
      setTimeout(myAnimation, 500); 
     }); 
    }); 
}