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

});