Animation 延遲 javascript 中的 while 循環

Question

我正在對 HTML 中元素的 x 和 y 坐標進行增量更改。 然而，代碼執行得如此之快，以至於瀏覽器沒有時間跟上。 我嘗試在每個 animation 之后添加一個 while 循環以旋轉 20000000 個周期，以便瀏覽器有時間進行動畫處理，但似乎代碼完全跳過了 while 循環。 這種策略是延遲 animation 次的最佳策略嗎？

Answer 1

您應該使用requestAnimationFrame來控制更新周期。 就您而言，聽起來您想控制 FPS。 請參閱使用 requestAnimationFrame 控制 fps？ 更多細節。 通常，您的瀏覽器會嘗試盡可能流暢地運行動畫（60 FPS），但您也可以手動降低此值