window.requestAnimationFrame

move();

    function move() {

      // 动画最流畅，性能最好

      window.requestAnimationFrame(function () {

        // 这个函数会在下一次重排重绘之前调用（将当前函数操作dom导致的重排重绘和下一次重排重绘合并成一次）

        // 执行动画

        x++;

        box.style.transform = `translateX(${x}px)`;

        if (x >= 1000) {

          return;

        }

        move();

      })

    }