使大图像的jQuery动画更流畅

时间:2015-03-12 21:49:19

标签: javascript jquery

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

显然,'顺畅'动画是否受到计算机/浏览器的限制,但有没有一种方法可以在jQuery中使动画更流畅?

1 个答案:

答案 0 :(得分:0)

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

人眼每秒只能看到33帧左右。默认的jQuery动画每秒使用1000/13帧(大约76 fps)。这比你需要的帧动画要多得多,而每帧都花费了CPU时间。

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

jQuery.fx.interval = 33;