Javascript simule les compétences de partage de code de mouvement d'accélération et de décélération_javascript

Un mouvement accéléré signifie qu'un objet se déplace de plus en plus vite ; un mouvement décéléré signifie qu'un objet se déplace de plus en plus lentement. Utilisez maintenant Javascript pour simuler ces deux effets. Le principe est d'utiliser setInterval ou setTimeout pour modifier dynamiquement la distance entre un élément et un autre élément, comme xxx.style.left ou xxx.style.marginLeft, puis d'augmenter la vitesse après chacun. mouvement. De cette façon, l’effet d’accélération du mouvement apparaît, et il en va de même pour le mouvement décéléré.

Voici deux exemples :

Accélérer le mouvement

Copier le code Le code est le suivant :

GO

Remarque : Dans cet exemple, après avoir cliqué sur GO, le bloc div accélérera vers la droite

Mouvement de décélération

Copier le code Le code est le suivant :

GO

Remarque : dans cet exemple, après avoir cliqué sur GO, le bloc div continuera à décélérer vers la droite jusqu'à ce que la vitesse diminue à zéro, la vitesse devient une valeur négative, puis accélère vers la gauche