jQueryの回転子の遅延開始、互いに離間一秒

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のサイクルのプラグインを使用しているように、

に見えますか？もしそうであれば、最初の変更を遅らせる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,
    });
});

これは、後の第二直ちに最初のサイクル、第2回目以降のサイクル、および第3のサイクルが開始されます。

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