window.requestAnimationFrame（）如何工作？

Question

我如何理解以下代码？ 我对JavaScript有点陌生。

var start = null;
var element = document.getElementById('SomeElementYouWantToAnimate');
element.style.position = 'absolute';

function step(timestamp) {
   if (!start) start = timestamp;
      var progress = timestamp - start;
      element.style.left = Math.min(progress / 10, 200) + 'px';
   if (progress < 2000) {
      window.requestAnimationFrame(step);
   }
}

window.requestAnimationFrame(step);

我在这里得到这段代码： https : //developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame

我想问的是关于function step(timestamp) {...}上的timestamp参数。

我不了解此timestamp如何获得价值，为什么？ 因为我看不到任何赋值

Answer 1

在requestAnimationFrame函数内部，看起来像这样：

function requestAnimationFrame(func) {
    waitForNextAnimationFrame();
    func(getCurrentTime());
}

发生的情况是requestAnimationFrame将您的函数作为输入，然后在以后使用参数对其进行调用。