Javascript simuliert Beschleunigungs- und Verzögerungsbewegungscode-Sharing_Javascript-Fähigkeiten

Beschleunigende Bewegung bedeutet, dass sich ein Objekt immer schneller bewegt; verlangsamende Bewegung bedeutet, dass sich ein Objekt immer langsamer bewegt. Verwenden Sie nun Javascript, um diese beiden Effekte zu simulieren. Das Prinzip besteht darin, mit setInterval oder setTimeout den Abstand zwischen einem Element und einem anderen Element, z. B. xxx.style.left oder xxx.style.marginLeft, dynamisch zu ändern und dann die Geschwindigkeit zu erhöhen Auf diese Weise entsteht der Effekt einer beschleunigenden Bewegung, und das Gleiche gilt für eine verlangsamende Bewegung.

Hier zwei Beispiele:

Bewegung beschleunigen

Code kopieren Der Code lautet wie folgt:

GO

Hinweis: In diesem Beispiel beschleunigt der div-Block nach dem Klicken auf GO nach rechts

Verzögerungsbewegung

Code kopieren Der Code lautet wie folgt:

GO

Hinweis: In diesem Beispiel verlangsamt der Div-Block nach dem Klicken auf GO weiter nach rechts, bis die Geschwindigkeit auf Null sinkt, die Geschwindigkeit einen negativen Wert annimmt, und beschleunigt dann nach links