Este artículo describe el marco básico del movimiento JS. Compártelo para su referencia. El análisis específico es el siguiente:
Nota aquí:
1. Apague el temporizador existente al comenzar el movimiento
2. Movimiento separado de la parada
Copie el código de la siguiente manera: <! DocType Html>
<html>
<Evista>
<meta charset = "utf-8">
<title> </title>
<style type = "text/css">
#Div1 {
Ancho: 200px;
Altura: 200px;
Antecedentes: rojo;
Posición: Absoluto;
Izquierda: 0;
Arriba: 60px;
}
</style>
<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 (tiempo); // El primer temporizador se desactivará aquí, porque esto es para resolver el error donde se hacen clic en múltiples botones durante el movimiento, lo que resulta en múltiples temporizadores superpuestos.
Time = setInterval (function () {
velocidad var = 7;
if (odiv.offsetleft <= 600)
odiv.style.left = odiv.offsetleft+velocidad+'px';
demás{
ClearInterval (tiempo);
}
}, 30);
}
}
</script>
</ablo>
<Body>
<input type = "button" value = "start movimiento" />
<div id = "div1"> </div>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.