تصف هذه المقالة الإطار الأساسي لحركة JS. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
لاحظ هنا:
1. قم بإيقاف تشغيل المؤقت الحالي عند بدء الحركة
2. حركة منفصلة عن التوقف
انسخ الرمز كما يلي: <! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> </title>
<type type = "text/css">
#div1 {
العرض: 200 بكسل ؛
الارتفاع: 200 بكسل ؛
الخلفية: أحمر.
الموقف: مطلق ؛
اليسار: 0 ؛
أعلى: 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 (time) ؛ // يتم إيقاف تشغيل المؤقت الأول هنا ، لأن هذا هو حل الخلل حيث يتم النقر على أزرار متعددة أثناء الحركة ، مما يؤدي إلى تراكم أجهزة ضبط الوقت المتعددة.
time = setInterval (function () {
var speed = 7 ؛
if (odiv.offsetleft <= 600)
Odiv.Style.Left = Odiv.offSetLeft+Speed+'Px' ؛
آخر{
ClearInterval (الوقت) ؛
}
} ، 30) ؛
}
}
</script>
</head>
<body>
<type type = "button" value = "ابدأ الحركة" />
<div id = "div1"> </viv>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.