この記事では、重力状態の下で放物線運動をシミュレートするためのJavaScriptの方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
このJavaScriptコードは、重力状態での放物線の動きをシミュレートし、次のパラメーターを設定できます：水平初期速度、縦方向の初期速度、重力加速度（この加速が時間とともに変化する値、他の非均一な加速度の動きが達成される可能性があります）、アニメーション間時間など。
<！doctype html> <html> <head> <title> js放物線の動き< /title> <meta charset = "utf-8" /> <style type = "text/css">*{padding：0; margin：0;} body {font-size：13px; padding：10px;} p {margin：2px;} #ccc; margin-top：50px;}＃fall {width：20px; font-size：1px; height：20px; background：＃000; position：absolute; top：0; left：0;} </style> </head> <body> <h3>重力状態での平凡な運動をシミュレートするid = "vx" type = "text" value = "2"/> px/ms </p> <p> longiline初速度：<input id = "vy" type = "text" value = "-2"/> px/ms </p> <p>穀物加速：<入力id = "a"タイプ= "テキスト"値それは時間の経過とともに変化し、他の不均一な加速の動きを達成することができます。）< /p> <p>単位時間：<入力ID = "t" type = "text" value = "10" />（動きの時間間隔を記録） document.getElementById（ 'a'）。value、document.getElementByid（ 't'）。値） "/> </p> <div> <div id =" fall "> o </div> </div> </body> <script =" text/javascript "> function demo（x、y、y、a、t）{var f = document.getelementbyid（ 'fall'）; var 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）;} </script> </html>この記事がみんなのJavaScriptプログラミングに役立つことを願っています。