Atraso no início dos rotadores de jQuery, um segundo

Question

Eu tenho três rotadores na primeira página e gostaria que eles começassem 1 segundo após o outro.

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

Após o início inicial - eles devem prosseguir de acordo com o tempo limite regular.

Muito obrigado pela sua ajuda com antecedência.

Answer 1

Parece que você está usando o plugin de ciclo jQuery? Se sim, há um delay opção que atrasa apenas a primeira alteração:

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

Isso começará o primeiro ciclo imediatamente, o segundo ciclo um segundo depois e o terceiro ciclo um segundo depois disso.

Answer 2

setTimeout é bastante útil para isso, experimente:

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