이전 버전은 물리적 사고를 사용했다면, 이번에는 수학적 사고를 사용했습니다. 첫 번째 버전의 코드를 다운로드해 보시면 수학의 힘을 확실히 느끼실 수 있습니다! ! ! ! ! spring의 JS 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <br>////////////////이번 봄 시작////////// /////// //// <br>var X=0.1//X축 증분<br>var T=0;//초기 위치 0.7;//진폭 다중 감쇠 수<br>var D ='R';//모션 방향<br>var O=0;//요소<br>var L=0;//위치<br>var TI= 30 <br>var S=false; var HR=false; <br><br>함수 R(){ <br>HR=true; <br>if(S) <br>{ <br> return <br>} <br>O.style. left= L (Math.sin(T))*M "px";//스프링 이동 속도 얻기<br>T=T X;//X축 성장<br>M-=A;//단위 시간 감소 <br>if(M<=0)//진폭이 0입니다<BR>{ <BR>S=true; <BR>return;//종료<BR>} <BR>setTimeout("R()", TI);//콜백<BR>} <BR>////////////////////이번 봄은 끝났습니다///// ///////// ///////////// <BR>함수 I() <BR>{ <BR>if(HR){ <BR>return <BR>} <BR>S=false; 🎜>O=document.getElementById("div"); <BR>X=parseFloat(document.getElementById("X").value) <BR>M=parseFloat(document.getElementById ("M").value) ; <BR>A=parseFloat(document.getElementById("A").value); <BR>TI=parseFloat(document.getElementById("TI").value) <BR> L=document.getElementById("div ").offsetLeft; <BR>R(); <BR>} <BR>함수 TS() <BR>{ <BR>S=true; <BR>} <BR>함수 B() <BR>{ <BR>if(S) <BR>{ <BR>T=0 <BR>HR=false; <BR>S=false; <BR>X=parseFloat(document.getElementById(" X "). Value); 🎜> M = PARSEFLOAT (document.GetelementByid (" m "). Value; <BR> a = PARSEFLOAT (documen.getelementByid (" a "). Value); 그런 다음 getElementById("div").style.left= L "px"; <BR>} <BR>} <BR><BR> 페이지 HTML입니다(시연용으로만 쓸모 있음) 코드 복사 코드는 다음과 같습니다. X축 증분< input style="width:50px" type="text" id="M" value="200" />원래 진폭 배수 진폭 다중 감쇠 수치 실행 시간 간격(밀리초) 중지 후 다시 활성화하세요 이것은 이전 코드에 비해 크게 개선되었습니다! 100% 원본! 다시 게시http://www.cnblogs.com/NONE/
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
