JavaScript动画睡眠时间调整

Question

我知道存在很多很好的包含动画库的JS包，但有一个简单的动画，我正在编写的幻灯片围绕一个页面呈现DIV。为此需要所有的Jquery似乎是矫枉过正。动画非常好，现在我只想调整它，使它尽可能平滑。

假设我希望DIV在N秒内移动X个像素。我可以调整动画循环和DIV在每个循环内移动的距离之间的休眠时间。调整动画的一些好的经验法则是什么，以便在大多数浏览器/计算机上看起来很流畅？是否有任何好的方法来分析当前用户并动态调整动画参数？

谢谢！

Answer 1

如果您知道您希望动画使用的速度（以像素/毫秒为单位），则可以将当前时间（new Date()）保存在每个动画片段中，然后检查自上一次刻度并乘以多少时间即通过速度来获取像素的数量来移动。