javascript - 延迟启动 jQuery 旋转器，彼此相隔一秒

Question

我在首页上有三个旋转器，我希望它们相继启动 1 秒。

$(document).ready(function(){
    $('#rot_top').cycle({       
        speed: 500,
        timeout: 2000
    });
    $('#rot_mid').cycle({       
        speed: 500,
        timeout: 2000
    });
    $('#rot_btm').cycle({       
        speed: 500,
        timeout: 2000
    });
});

在初始启动之后 - 他们应该根据他们的常规超时进行。

非常感谢您的提前帮助。

Answer 1

看起来您正在使用 jQuery Cycle plugin ？如果是这样，则有一个 delay 选项，它只延迟第一次更改:

$(document).ready(function(){
    $('#rot_top').cycle({           
        speed: 500,
        timeout: 2000
    });
    $('#rot_mid').cycle({           
        speed: 500,
        timeout: 2000,
        delay: 1000,
    });
    $('#rot_btm').cycle({           
        speed: 500,
        timeout: 2000
        delay: 2000,
    });
});

这将立即开始第一个循环，第二个循环一秒后，第三个循环再过一秒。