window.requestAnimationFrame

Posted wangsai-666

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了window.requestAnimationFrame相关的知识，希望对你有一定的参考价值。

move();

    function move() {
      // 动画最流畅，性能最好
      window.requestAnimationFrame(function () {
        // 这个函数会在下一次重排重绘之前调用（将当前函数操作dom导致的重排重绘和下一次重排重绘合并成一次）
        // 执行动画
        x++;
        box.style.transform = `translateX(${x}px)`;
        if (x >= 1000) {
          return;
        }
        move();
      })
    }

以上是关于window.requestAnimationFrame的主要内容，如果未能解决你的问题，请参考以下文章