mootools - 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);

});