Javascript模擬加速運動與減速運動程式碼分享_javascript技巧

加速運動，即一個物體運動時速度越來越快；減速運動，即一個物體運動時速度越來越慢。現在用Javascript來模擬這兩個效果，原理就是用setInterval或setTimeout動態改變一個元素與另一個元素的距離，如xxx.style.left或xxx.style.marginLeft，然後每次運動後都使速度增加，這樣加速運動的效果就出現了，減速運動也是同樣的道理。

以下是兩個範例：

加速運動

複製程式碼 程式碼如下:

GO

註：本範例中，點選GO後，div塊會一直向右做加速運動

減速運動

複製程式碼 程式碼如下:

GO

註：本範例中，點選GO後，div塊會一直向右做減速運動，直到速度減為零後，速度變成負值，再向左做加速運動