Question

目标：创建以100Hz更新的动画。

我的动画更新了background-position属性。当前的背景位置是通过一个应该每秒发射100次以产生平稳运动幻觉的函数来计算的。

问题： Chrome和Safari中的动画不流畅。

好像“更新的背景位置”功能在Chrome中每秒只触发一次，在Safari中每秒只触发两次。

其他信息：

我确信必须有一种方法可以在Safari / Chrome中创建流畅的动画。请帮忙。

编辑：我无法使用.animate（），因为我正在跟踪鼠标移动并根据鼠标指向的位置计算当前背景位置。为此，我必须每10毫秒检查一次鼠标位置（我必须使用setInterval）。

Answer 1

因为你不想动画，并且你正在使用jQuery，为什么你将setInterval放在10MS？虽然jQuery有.animate函数可以处理动画吗？此功能具有Interval设置，您可以在其中放置FPS。

$(element).animate(
        {backgroundPosition:"(0 -250px)"}, 
        {duration:500})
    })