【问题标题】:Would like to understand the Animate function (calculation and stepping)想了解 Animate 功能(计算和步进)
【发布时间】:2012-01-07 01:10:25
【问题描述】:

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

【问题讨论】:

  • 你是不是先试着自己去理解?如果有,您在哪一部分遇到了问题?
  • 谷歌知道...检查this
  • @DidierG。 - 非常好的链接+1

标签: javascript jquery web


【解决方案1】:

当动画开始时,会记录一个时间戳。然后每次触发一个步骤(取决于浏览器和发生了多少事情),计算自动画开始以来已经过去了多少时间,并由此计算进度。

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

  1. 获取当前时间,例如 1322338366714。
  2. 标准化 = 1322338366714 - 1322338364714​​ = 2000
  3. 进度为 2000 / 5000 = 0.4 = 40%。因此,从 0px 动画到 100px 的 div 的高度为 40px。

【讨论】:

    猜你喜欢
    • 2011-05-06
    • 2015-01-22
    • 1970-01-01
    • 2014-04-17
    • 2011-04-21
    • 2015-04-17
    • 1970-01-01
    • 1970-01-01
    • 2012-06-13
    相关资源
    最近更新 更多