Artikel ini menjelaskan kerangka dasar gerakan JS. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Catatan di sini:
1. Matikan timer yang ada saat memulai gerakan
2. Gerakan terpisah dari berhenti
Salin kode sebagai berikut: <! Doctype html>
<Html>
<head>
<meta charset = "UTF-8">
<title> </title>
<type style = "text/css">
#Div1 {
Lebar: 200px;
Tinggi: 200px;
Latar Belakang: Merah;
Posisi: Absolute;
Kiri: 0;
Atas: 60px;
}
</tyle>
<type skrip = "Teks/JavaScript">
window.onload = function () {
var odiv = document.geteLementById ("div1");
var obt = document.geteLementsbyTagname ('input') [0];
var time = null;
obt.onClick = function () {
ClearInterval (waktu); // Pengatur waktu pertama harus dimatikan di sini, karena ini adalah untuk menyelesaikan bug di mana beberapa tombol diklik selama gerakan, menghasilkan beberapa timer yang ditumpangkan.
waktu = setInterval (function () {
var speed = 7;
if (odiv.offsetleft <= 600)
odiv.style.left = odiv.offsetleft+kecepatan+'px';
kalau tidak{
ClearInterval (waktu);
}
}, 30);
}
}
</script>
</head>
<body>
<input type = "tombol" value = "Mulai Gerakan" />
<Div ID = "Div1"> </div>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.