inicio diferido de los rotadores jQuery, uno segundo de diferencia el uno del otro

Question

Tengo tres rotores en la primera página y me gustaría empezar a 1 segundo después de unos a otros.

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

después de la puesta en marcha inicial -. Deben proceder de acuerdo a su tiempo de espera normal

Muchas gracias por su ayuda de antemano.

Answer 1

Parece que estás usando el jQuery Cycle Plugin ? Si es así, hay una opción que retrasa delay sólo el primer cambio:

$(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,
    });
});

Esto iniciará el primer ciclo de inmediato, el segundo ciclo de un segundo más tarde, y el tercer ciclo de un segundo después de eso.

Answer 2

setTimeout es bastante útil para esto, le daría prueba:

$(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)
});