jquery setInterval或带有缓动的动画

Question

我遇到了setInterval和.animate（）的问题;在jQuery / JavaScript的项目中。

我使用以下代码开始我的间隔：
interval=setInterval(function(){initspin()},40);

用initspin（）做什么：
$('.device-carousel .spincontent').css('left','-'+(currimgnum-1)*imagewidth+'px');

它将div容器.spincontent每隔40ms左右移动到左侧500px左右。所有500px步骤都是必要的，因为.spincontent的背景图像是3D旋转器的22个图像的图像条纹。

我想要的是，在50％的.spincontent之后，比率从40ms变为60ms以降低/缓和移动。

我怎么能意识到这一点？或者更好的是切换到.animate（）？

Answer 1

jQuery具有明确的缓动功能，可以与.animate（）一起使用。 它既更清洁，更容易理解，也更顺畅。 http://api.jquery.com/animate/