Dieser Artikel beschreibt den grundlegenden Rahmen der JS -Bewegung. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Beachten Sie hier:
1. Schalten Sie den vorhandenen Timer aus, wenn Sie die Bewegung beginnen
2. separate Bewegung vom Stopp
Kopieren Sie den Code wie folgt: <! DocType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> </title>
<style type = "text/css">
#div1 {
Breite: 200px;
Höhe: 200px;
Hintergrund: Rot;
Position: absolut;
links: 0;
Oben: 60px;
}
</style>
<script type = "text/javaScript">
window.onload = function () {
var odiv = document.getElementById ("div1");
var obt = document.getElementsByTagName ('Eingabe') [0];
var time = null;
obt.onclick = function () {
ClearInterval (Zeit); // Der erste Timer soll hier ausgeschaltet werden, da dies dazu dient, den Fehler zu lösen, bei dem mehrere Schaltflächen während der Bewegung klicken, was zu mehreren Timern überlagert wird.
time = setInterval (function () {
var speed = 7;
if (odiv.offsetleft <= 600)
odiv.style.left = odiv.offsetleft+speed+'px';
anders{
ClearInterval (Zeit);
}
}, 30);
}
}
</script>
</head>
<body>
<input type = "button" value = "start move" />
<div id = "div1"> </div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.