window.requestAnimationFrame

move();

function move() {

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

window.requestAnimationFrame(function () {

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

// 执行动画

x++;

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

if (x >= 1000) {

return;

}

move();

})

}

原文地址：https://www.cnblogs.com/wangsai-666/p/12038409.html