MooTools定期動畫的時間安排

Question

在我的html頁面中，我使用了mootools製作了一些小塊的動畫。我這樣稱呼他們：

$$('.sliding').each(function (e) { 

     var fx = function() {  
      //code 
     } 

     fx.periodical(5000); 

}); 

在這一點上，所有的瓷磚每5秒鐘播放一次動畫;一次全部。現在，我希望這些瓷磚更具隨意性，例如並非全部在同一時間。

我該如何解決這個問題，注意到頁面是動態的，並且切片的數量確實有所不同。

Answer 1

您可以設置超時時間將是隨機的：

$$('.sliding').each(function (e) { 

    var fx = function() {  
     //code 
    } 

    //select random number between 1 to 5: 
    var rand = Number.random(1, 5); 

    //set it as the timeout 
    fx.periodical(rand*1000); 

});