javascript - jQuery 动画有多少步？

Question

我正在编写我自己的动画函数以供娱乐之用。

虽然我真的无法制作流畅的动画。 jQuery 对每个动画的步骤比例非常好，使其非常流畅，我想知道他们使用什么通用公式来计算要采取多少步骤。

Answer 1

这取决于动画的持续时间。 jQuery 使用存储在 jQuery.fx.interval 中的默认设置，在第一个动画开始时启动所有动画通用的单个 13 毫秒间隔计时器，并在所有动画完成后停止。

在 unminified jQuery source code 中搜索 animate:、custom:、interval: 和 step: .最后一个包含确定已经运行的动画部分的逻辑，它基于时间戳:纯 JS 中的 new Date().getTime()。

这在理论上产生了大约 80 帧/秒，比当今大多数 LCD 显示器的 60 Hz 刷新率更快。如果性能有问题，您可以稍微降低帧速率(增加间隔)。