javascript - RequestAnimationFrame polyfill中1000/60的意义是什么

Question

我刚刚浏览了 vivus.js 的源代码并遇到了以下代码行:

requestAnimFrame = (function () {
  return (
    window.requestAnimationFrame       ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame    ||
    window.oRequestAnimationFrame      ||
    window.msRequestAnimationFrame     ||
    function(/* function */ callback){
      return window.setTimeout(callback, 1000 / 60);
    }
  );
})();

当然，我现在运行最新版本的 chrome，第一个条件为真，也就是实际返回的内容，但我真正关心的是最后一个条件，即

function(/* function */ callback){
    return window.setTimeout(callback, 1000 / 60);
}

为什么是 1000/60 ？我明白为什么要使用 setTimeout，但 1000/60 的真正作用是什么？谁能解释这部分？

附言我知道这是一个数学问题，但由于它涉及大量代码，所以我不得不在 SO 上发帖。

谢谢。

Answer 1

每秒 60 帧是大多数人认为动画流畅的最低帧速率。

因此每 1000 毫秒(1 秒)中的第 60 次运行一次。