jQuery animate()和浏览器性能

前端之家收集整理的这篇文章主要介绍了jQuery animate()和浏览器性能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些元素,我在网页上移动非常缓慢。基本上,我减少了两个图像的左边距在40秒左右的跨度。

视觉上,它的工作精美。但是,我的处理器在动画期间跳转到大约50%的使用率。这不是特定于任何单一的浏览器 – 在Safari3和Firefox3上是一样的。如果我有两个浏览器运行页面,我的cpu正在尖叫,大约95%的使用率。

我使用jQuery 1.3。两个动画同时发生。页面上没有Flash。如果我注释掉代码(删除动画)并刷新页面,我的处理器立即返回正常使用。

我希望我不必诉诸于Flash,但即使在Hulu.com上观看节目也不会像我这样飙升我的cpu

想法?

解决方法

我认为jQuery animate()的工作方式是,它使用定时器定期触发和调用一个更新DOM来反映动画的状态的函数。通常,动画相对较短,并且它们可能覆盖相当大量的屏幕空间,因此我怀疑(不确认)计时器到期并被重置,以相当高的速率生成平滑的动画。由于您的动画需要很长时间,因此您可以修改animate函数,以便可以通过选项设置动画播放的速率。在你的情况下,你只需要更新每250ms左右,因为你大约每秒约3-4像素。

猜你在找的jQuery相关文章