1

フロント ページに 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
    });
});

最初の開始後 - 通常のタイムアウトに従って続行する必要があります。

よろしくお願いいたします。

4

2 に答える 2

3

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

これにより、最初のサイクルがすぐに開始され、2 番目のサイクルが 1 秒後に開始され、3 番目のサイクルが 1 秒後に開始されます。

于 2009-12-19T00:35:34.007 に答える
0

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)
});
于 2009-12-19T00:20:33.890 に答える