执行jQuery队列随机次数

Question

我正在使用 jQuery queue() 函数对一组图像进行动画处理。我想要的是队列在每次执行时随机出现次数。这是设置队列的JS：

//rotate colors function
function rotateColors() {
    for (var i=0; i<7; i++) {
        isAnimating = true;
        color.delay(50).eq(i).fadeIn(100);
        color.delay(100).eq(i).fadeOut(100);
    }   
}
//rotate colors on button click
button.bind('click', function() {
    color.queue(function(n) {
        rotateColors();
        n();
    });
});

我怎样才能使每次激活此队列时都会执行随机次数？

Answer 1

使用Math.random() 生成随机数。

function rotateColors() {
    var rnd = Math.floor(Math.random() * 10) + 1; // generate random number between 1 and 10
    for (var i = 0; i < rnd; i++) {
        isAnimating = true;
        color.delay(50).eq(i).fadeIn(100);
        color.delay(100).eq(i).fadeOut(100);
    }   
}
//rotate colors on button click
button.bind('click', function() {
    color.clearQueue().queue(function(n) {
        rotateColors();
        n();
    });
});

请注意，我将 clearQueue() 添加到 click 处理程序中，以防止在连续单击时队列中堆积大量操作。