Cet article décrit la méthode de JavaScript pour simuler le mouvement parabolique sous l'état de gravité. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Ce code JavaScript simule le mouvement de parabole à l'état de gravité et peut définir les paramètres suivants: vitesse initiale horizontale, vitesse initiale longitudinale, accélération de la gravité (si cette accélération est une valeur qui change avec le temps, un autre mouvement d'accélération non uniforme peut être atteint), un temps d'intervalle d'animation, etc.
<! doctype html> <html> <éad- head> <itle> js motion parabolique </title> <meta charset = "utf-8" /> <style type = "text / css"> * {padding: 0; margin: 0;} body {font-size: 13px; padding: 10px;} p {margin: 2px;}. wrap {position: relatif; largeur: 1000px; hauteur: 550px; margin #ccc; margin-top: 50px;} # chute {largeur: 20px; police-taille: 1px; hauteur: 20px; arrière-plan: # 000; position: absolu; en haut: 0; gauche: 0;} </ style> </-head> <body> <h3> simuler le mouvement parabolique dans l'état de gravité (if 1px == 1mm) </h3> id = "vx" type = "text" value = "2" /> px / ms </p> <p> longiline Velocity initial: <input id = "vy" type = "text" value = "- 2" /> px / ms </p> <p> accélération des grains: <entrée id = "a" type = "text" change dans le temps, d'autres mouvements d'accélération non uniformes peuvent être atteints.) </p> <p> document.getElementById ('a'). valeur, document.getElementById ('t'). valeur) "/> </p> <div> <div id =" fall "> o </div> </div> </ body> <script type =" text / javascrip Vx = parseInt (x), vy = parseInt (y), g = a, t = parseInt (t), h = 0, l = 0, sx = 0, sy = 0; var i = setInterval (function () {if (f) {sx + = vx * t; l = sx; vy + = g * t; h + = vy * t; f.style.left = l + 'p x '; f.style.top = h +' px '; if (h> 500 || l> 900) clearInterval (i);}}, t);} </cript> </html>J'espère que cet article sera utile à la programmation JavaScript de tous.