JavaScript动画睡眠时间调整

Question

我知道存在许多包含动画库的优秀JS包，但是我正在编写一个简单的动画，可以在页面上滑动DIV。需要Jquery的所有内容似乎有点矫枉过正。动画效果很好，现在我只想调整它以使它尽可能平滑地移动。

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

谢谢！

Answer 1

如果您知道动画要使用的速度（以毫秒为单位的像素），则可以在每个动画节拍中保存当前时间（new Date()），然后检查自上次播放以来经过的时间勾选并乘以速度以获得要移动的像素数。