효과: 사물: setInerval() 타이머를 사용하여 운동을 수행하세요. 그러다가 마침내 멈추었을 때 그 공백을 메우도록 판단을 내리는 것이 핵심이다. 코드: 코드 복사 코드는 다음과 같습니다. <br> #div1<br> {<br> 너비: 100px;<br> 높이: 100px;<br> 배경: #0000FF;<br> 위치: 왼쪽: 800px;<br> 위쪽: 100px;<br> }<br> #div200<br> {<br> 너비: 1px;<br> 높이: 400px;<br> 배경: #FF0000;<br> 위치: 절대;<br> 왼쪽: 200px;<br> }<br> #div500<br> {<br> 너비: 1px;<br> 높이: 400px;<br> 배경: #FF0000;<br> 위치: 절대; <br> 왼쪽: 500px;<br> }<br> <br> <script type="text/javascript"><br> 함수 이동(끝) {<br> var oDiv = document.getElementById('div1');<br> var 타이머 = null;<br> 타이머 = setInterval(function () {<br> var speed = (end - oDiv.offsetLeft) / 5; //根据终点와offsetLeft가 출력 속도<br> 속도 = 속도 > 0? Math.ceil(속도) : Math.floor(속도); //进位取整，小数位变为整位，<br> // if (oDiv.offsetLeft <= end) {<BR> // clearInterval(타이머);<BR> // }<BR> // else {<BR> // oDiv.style.left = oDiv.offsetLeft 속도 'px';<BR> // }<BR> if (math.abs (end -odiv.offsetLeft) & lt; = Speed) {// 정차할 때 끝 부분에 약간의 틈이 생기거나, 지정된 위치에 완전히 도달하지 못하므로 반드시 속도보다 속도보다 느려야 합니다 <BR> ~ <BR> }<BR> }, 30)<BR> }<BR> < /script><br></head><br><body><br> <input type="button" id ="btn1" value="500 위치로" onclick="move(500); " /><br> <input type="button" id="btn2" value="200 위치로" onclick="move(200);" /><br> <div id="div1 "><br> </div><br> <div id="div200">200<br> </div><br> <div id="div500">500<br> </div><br></body><br><br><br> </div>
