이 기사에서는 JS 운동의 기본 프레임 워크를 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
참고 :
1. 움직임을 시작할 때 기존 타이머를 끄십시오.
2. 정지에서 별도의 움직임
다음과 같이 코드를 복사하십시오. <! doctype html>
<html>
<헤드>
<meta charset = "utf-8">
<제목> </title>
<스타일 유형 = "텍스트/CSS">
#div1 {
너비 : 200px;
높이 : 200px;
배경 : 빨간색;
위치 : 절대;
왼쪽 : 0;
상단 : 60px;
}
</스타일>
<script type = "text/javaScript">
Window.onload = function () {
var odiv = document.getElementById ( "div1");
var obt = document.getElementsByTagName ( 'input') [0];
var time = null;
obt.onclick = function () {
ClearInterval (시간); // 첫 번째 타이머는 여기에서 꺼야합니다. 이는 동작 중에 여러 버튼이 클릭되는 버그를 해결하기 때문에 여러 타이머가 중첩되기 때문입니다.
time = setInterval (function () {
var 속도 = 7;
if (odiv.offsetleft <= 600)
odiv.style.left = odiv.offsetleft+속도+'px';
또 다른{
ClearInterval (시간);
}
}, 30);
}
}
</스크립트>
</head>
<body>
<입력 유형 = "버튼"value = "시작 이동" />
<div id = "div1"> </div>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.