javascript中的while循环会导致动画延迟

Question

我正在对HTML元素的x和y坐标进行增量更改。但是，代码执行得如此之快，以至于浏览器没有时间跟上。我尝试在每个动画之后添加一个while循环以旋转20000000个周期，以便浏览器有时间进行动画处理，但是似乎代码完全跳过了while循环。这种策略是否最适合延迟动画时间？

Answer 1

您应使用requestAnimationFrame来控制更新周期。 就您而言，听起来好像您想控制FPS。 有关更多详细信息，请参见Controlling fps with requestAnimationFrame?。 通常，您的浏览器会尝试使动画尽可能流畅（60 FPS），但您也可以手动降低动画