jQuery的旋转器的延时启动，彼此间隔1秒

Question

我在头版3个旋转器，我想他们在彼此之后开始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插件？如果是这样，有这延迟只有第一变化的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,
    });
});

这会立即开始第一周期，第二周期的第二后面，和第三个周期之后的第二

Answer 2

setTimeout为这个非常有用的，让这个尝试：

$(document).ready(function(){ 

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

  setTimeout(startCycle();, 1000)
});