jquery setInterval 或缓动动画答案

【问题标题】：jquery setInterval or animate with easingjquery setInterval 或缓动动画
【发布时间】：2013-07-15 13:51:41
【问题描述】：

我遇到了 setInterval 和 .animate(); 的问题。在 jQuery/JavaScript 项目期间。

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

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

它每 40 毫秒将 div 容器 .spincontent 移动到左侧约 500 像素。有必要执行所有 500 像素的步骤，因为 .spincontent 的背景图像是 3D 微调器的 22 个图像的图像条纹。

我想要的是，在 .spincontent 的 50% 之后，比率从 40 毫秒变为 60 毫秒，以进行降低/缓动。

我怎样才能意识到这一点？还是切换到 .animate() 更好？

【问题讨论】：

【解决方案1】：

jQuery 具有清晰的缓动函数，可以与 .animate() 一起使用。它会更干净，更容易理解，更流畅。 http://api.jquery.com/animate/

【讨论】：

问题是，我必须设置所有 40ms -500px，而不是从 0 到 -500，从 -500 到 -1000 等。或者有没有办法使用 .animate( )?
jQuery 有它自己的间隔，由 animate() 使用。如果使用 animate()，则不必关心间隔。如果你真的需要 40 毫秒，你可以修改 jQuery.fx.interval（或类似的东西）或者创建你自己的间隔而不使用 jQuery。