В этой статье описывается основная структура движения JS. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Примечание здесь:
1. Выключите существующий таймер при запуске движения
2. отдельное движение от остановки
Скопируйте код следующим образом: <! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<title> </title>
<стиль типа = "text/css">
#div1 {
Ширина: 200px;
Высота: 200px;
Фон: красный;
позиция: абсолютно;
слева: 0;
Верх: 60px;
}
</style>
<script type = "text/javascript">
window.onload = function () {
var Odiv = document.getElementById ("div1");
var oct = document.getElementsbytagname ('input') [0];
var time = null;
opt.onclick = function () {
ClearInterval (Time); // Первый таймер должен быть отключен здесь, потому что это для решения ошибки, когда во время движения нажимают несколько кнопок, что приводит к наложению нескольких таймеров.
time = setInterval (function () {
var speed = 7;
if (Odiv.offsetleft <= 600)
ODIV.STYLE.LEFT = ODIV.OFFSETLEFT+SPEED+'PX';
еще{
ClearInterval (время);
}
}, 30);
}
}
</script>
</head>
<тело>
<input type = "button" value = "start Movement" />
<div id = "div1"> </div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.