이 기사는 중력 상태 하에서 포물선 운동을 시뮬레이션하기위한 JavaScript 방법을 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
이 JavaScript 코드는 중력 상태에서 포물선 움직임을 시뮬레이션하고 다음 매개 변수를 설정할 수 있습니다. 수평 초기 속도, 세로 초기 속도, 중력 가속도 (이 가속도가 시간에 따라 변경되는 값이라면 다른 불균일 한 가속 이동이 달성 될 수있는 경우), 애니메이션 간격 시간 등을 달성 할 수 있습니다.
<! doctype html> <html> <head> <title> js parabolic motion < /title> <meta charset = "utf-8" /> <스타일 type = "text/css">*{패딩 : 0; 마진 : 0;} body {font-size : 13px; 패딩 : 10px;} p {마진 : 2px;}. 랩 {위치 : 상대; 너비 : 1000px; 높이 : 550px; 마진 : 0 Auto; Porder : 1px solid #CCC; Margin-Top : 50px;}#Fall {Width : 20px; font-size : 1px; 높이 : 20px; 배경 :#000; 위치 : 절대; 상단 : 0; 왼쪽 : 0;} </style> </head> <h3> 중력 상태에서 포장 모션을 시뮬레이션합니다. id = "vx"type = "text"value = "2"/> px/ms </p> <p> longiline 초기 속도 : <input id = "vy"type = "text"value = "-2"/> px/ms </p> <p> 입자 가속도 : <input id = "a"type = "text ="0.0098 " 시간이 지남에 따라 변경되는 값, 기타 불균형 가속 이동 동작이 달성 될 수 있습니다.) document.getElementById('Vy').value, document.getElementById('a').value, document.getElementById('t').value)"/></p><div><div id="fall">o</div></div></body><script type="text/javascript">function demo(x,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 프로그래밍에 도움이되기를 바랍니다.