Ritardo inizio rotatori jQuery, uno secondo di distanza l'una dall'altra

Question

Ho tre rotatori in prima pagina e mi piacerebbe loro di iniziare a 1 secondo dopo l'altro.

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

dopo l'avvio iniziale -. Essi dovrebbero procedere in base alla loro timeout regolare

La ringrazio molto per il vostro aiuto in anticipo.

Answer 1

Sembra che si sta utilizzando il plugin jQuery Cycle ? Se è così, c'è una possibilità delay che ritarda solo il primo 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,
    });
});

Ciò avvierà il primo ciclo immediatamente, il secondo ciclo di un secondo più tardi, e il terzo ciclo secondo dopo che.

Answer 2

setTimeout è molto utile per questo, dare una prova:

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