この記事では、JS運動の基本的な枠組みについて説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
ここに注意してください：
1。ムーブメントを開始するときに既存のタイマーをオフにします
2。停止からの移動を分離します
次のようにコードをコピーします：<！doctype html>
<html>
<head>
<メタcharset = "utf-8">
<title> </title>
<style type = "text/css">
＃div1 {
幅：200px;
高さ：200px;
背景：赤;
位置：絶対;
左：0;
上：60px;
}
</style>
<script type = "text/javascript">
window.onload = function（）{
var odiv = document.getElementById（ "div1"）;
var obk = document.getElementsByTagname（ 'input'）[0];
var time = null;
obt.onclick = function（）{
ClearInterval（time）; //最初のタイマーはここでオフにすることです。これは、モーション中に複数のボタンがクリックされ、複数のタイマーが重ねられたバグを解くためです。
time = setInterval（function（）{
var速度= 7;
if（odiv.offsetLeft <= 600）
odiv.style.left = odiv.offsetLeft+speed+'px';
それ以外{
ClearInterval（時間）;
}
}、30）;
}
}
</script>
</head>
<body>
<input type = "button" value = "Movement" />>
<div id = "div1"> </div>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。