想了解Animate功能（计算和步进）

Question

我想知道jQuery .animate()函数是如何工作的？ - 计算和步进（跳多少）

Answer 1

动画开始时，会拍摄时间戳。然后，每当一个步骤触发时（取决于浏览器和正在进行的操作），计算自动画开始以来已经过了多少时间，并从中计算进度。

例如，动画从1322338364714​​开始，动画应该持续5000ms。触发一个步骤后，计算进度如下：

1. 获取当前时间，比如1322338366714。
2. Normalize = 1322338366714 - 1322338364714​​ = 2000
3. 进度为2000/5000 = 0.4 = 40％。因此，从0px到100px动画的div可以达到40px的高度。