如何获取当前关键帧的时间和lastkeyframetime?

时间:2015-06-10 22:06:21

标签: javascript animation keyframe

我如何获得currentKeyframeTime&在使用Javascript的任何动画中lastKeyframeTime

我想将动画的currentKeyframeTime更新到其他时间,因为我正在制作动画跟踪栏,类似于youtube中的播放器滑块,所以我需要currentKeyframeTime和{ {1}}。

我已经成功完成了音频,因为它有lastKeyframeTime& currentTime类型属性。我应该写什么代码才能得到duration& currentKeyframeTime

1 个答案:

答案 0 :(得分:0)

您将跟踪经过的时间,如下所示:http://plnkr.co/edit/CfOttpMPelxS1iYnnEPW

(function(){
  var currentFrame, startTime;

  function animate(){
      console.log('Previous Frame Happened At: ' + currentFrame);
      currentFrame = Date.now() - startTime;
      console.log('Current time elapsed since start: ' + currentFrame);
      requestAnimationFrame(animate);
  }

  startTime = Date.now();
  currentFrame = startTime;
  requestAnimationFrame(animate);
})();