Rumah >hujung hadapan web >tutorial js >Javascript mensimulasikan kemahiran perkongsian kod gerakan pecutan dan nyahpecutan_javascript

Javascript mensimulasikan kemahiran perkongsian kod gerakan pecutan dan nyahpecutan_javascript

WBOY
WBOYasal
2016-05-16 16:27:331441semak imbas

Pergerakan memecut bermakna objek bergerak lebih pantas dan lebih laju; Sekarang gunakan Javascript untuk mensimulasikan kedua-dua kesan ini Prinsipnya ialah menggunakan setInterval atau setTimeout untuk menukar jarak antara satu elemen dengan elemen lain secara dinamik, seperti xxx.style.left atau xxx.style.marginLeft, dan kemudian meningkatkan kelajuan selepas setiap satu. pergerakan. Dengan cara ini, kesan gerakan memecut muncul, dan perkara yang sama berlaku untuk gerakan nyahpecutan.

Berikut ialah dua contoh:

Mempercepatkan pergerakan

Salin kod Kod adalah seperti berikut:





Javascript mempercepatkan gerakan