使大图像移动的jQuery动画更加流畅

Question

当在页面上以动画方式移动大于1600x1200的图像时，jQuery似乎很困难。

显然，动画的“流畅度”受到计算机/浏览器的限制，但是有没有一种方法可以在jQuery中使动画更流畅呢？

Answer 1

通过在脚本中添加以下代码行，可以使这种动画更加流畅。

人眼每秒只能看到大约33帧。默认的jQuery动画使用每秒1000/13帧(大约76 fps)。这比你需要的动画帧数要多得多，而且每一帧都需要占用CPU时间。

将间隔从13改为33可以使您的动画每秒使用大约30帧，这对眼睛来说是一样平滑的，并且对于计算机渲染来说是两倍多。

jQuery.fx.interval = 33;