Dieser Artikel beschreibt die Methode von JavaScript, um die Parabolbewegung im Schwerkraftzustand zu simulieren. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Dieser JavaScript-Code simuliert die Parabola-Bewegung im Schwerkraft und kann die folgenden Parameter festlegen: horizontale anfängliche Geschwindigkeit, Längsgeschwindigkeit, Schwerkraftbeschleunigung (wenn diese Beschleunigung ein Wert ist, der sich mit der Zeit ändert, können andere ungleichmäßige Beschleunigungsbewegungen, Animationsintervallzeit usw.
<! docType html> <html> <kopf> <titels> js parabolische Bewegung < /title> <meta charset = "utf-8" /> <style type = "text/css">*{padding: 0; margin: 0;} Körper {Schriftgröße: 13px; padding: 10px;} p {margin: 2px;}. Wrap {Position: relativ; width: 1000px; Höhe: 550px; margin: 0 auto; borre: 1px fest #ccc;margin-top:50px;}#fall{width:20px;font-size:1px;height:20px;background:#000;position:absolute;top:0;left:0;}</style></head><body><h3>Simulate parabolic motion in gravity state (if 1px==1mm)</h3><p>Handwidth initial velocity: <input id = "vx" type = "text" value = "2"/> px/ms </p> <p> Longilin-Anfangsgeschwindigkeit: <Eingabe-ID = "vy" type = "text" value = "-2"/> px/ms </p> <p> Kornbeschleunigung: <Eingabe id = "type" type = "type" type ". Wert, der sich im Laufe der Zeit ändert, können andere ungleichmäßige Beschleunigungsbewegungen erreicht werden.) < /p> <p> Einheitszeit: <Eingabe-ID = "T" Typ = "Text" value = "10" /> (zeichnen Sie das Zeitintervall der Bewegung auf) <p> <Eingabe type = "button" value = "Demo" Onclick = "Demo (documentBydydyd ('Valyid). document.getElementById ('a'). Wert, document.getElementById ('t'). Wert) "/> </p> <div> <div> <div id =" Fall "> o </div> </div> </body> <script type =" text/javascript "> Funktion Demo (x, y, t) {var f = document.getByid ('Fall'; 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 ';Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.