JavaScript動畫睡眠時間調整

Question

我知道存在很多很好的包含動畫庫的JS包，但有一個簡單的動畫，我正在編寫的幻燈片圍繞一個頁面呈現DIV。爲此需要所有的Jquery似乎是矯枉過正。動畫非常好，現在我只想調整它，使它儘可能平滑。

假設我希望DIV在N秒內移動X個像素。我可以調整動畫循環和DIV在每個循環內移動的距離之間的休眠時間。調整動畫的一些好的經驗法則是什麼，以便在大多數瀏覽器/計算機上看起來很流暢？是否有任何好的方法來分析當前用戶並動態調整動畫參數？

謝謝！

Answer 1

如果您知道您希望動畫使用的速度（以像素/毫秒爲單位），則可以將當前時間（new Date()）保存在每個動畫片段中，然後檢查自上一次刻度並乘以多少時間即通過速度來獲取像素的數量來移動。