2013-07-15 70 views
1

我有setInterval和.animate()的問題;在jQuery/JavaScript的項目中。jquery setInterval或動畫與easing

我用下面的代碼開始我區間:
interval=setInterval(function(){initspin()},40);

它initspin()的作用:
$('.device-carousel .spincontent').css('left','-'+(currimgnum-1)*imagewidth+'px');

它移動的div容器.spincontent每40ms左右500像素向左側。有必要完成所有500px的步驟,因爲.spincontent的背景圖像是3D微調器的22個圖像的圖像條紋。

我想要的是,在.spincontent的50%之後,比率會從40ms變爲60ms,以進行較低/緩動。

我該如何認識到這一點?或者更好切換到.animate()?

回答

0

jQuery具有明確的緩動功能,您可以使用.animate()。 它會更清潔,更容易理解,更順暢。

+0

問題是,我必須設置所有40ms -500px,而不是從-5到-500,從-500到-1000等。或者有沒有辦法使用.animate()? –

+0

jQuery有它自己的間隔,由animate()使用。如果你使用animate(),你不必關心間隔。如果你真的需要40ms,你可以修改jQuery.fx.interval(或類似的東西)或創建自己的間隔,而不使用jQuery。 – Virus721