level 12
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#div1 {
width: 200px;
height: 200px;
background: red;
position: absolute;
top: 50px;
left: 0px;
}
</style>
<script>
var timer = null;
function starMove() {
var oDiv = document.getElementById('div1');
clearInterval(timer);
timer = setInterval(function() {
var speed = 10;
if (oDiv.offsetLeft == 300) {
clearInterval(timer);
} else {
oDiv.style.left = oDiv.offsetLeft + speed + 'px';
}
});
}
</script>
</head>
<body>
<input id="btn1" type="button" onclick="starMove()" value="开始运动" />
<div id="div1"></div>
</body>
</html>
2020年11月22日 03点11分
3
也动不了啊,难道我电脑问题?
2020年11月22日 08点11分
level 5
【FD自由开发者】一手订单一对一推送,单子多,质量好。
2020年11月23日 10点11分
5
level 2
而且你的var speed写在定时器里面,每300ms重新赋值,能动才是奇怪了
2020年11月24日 01点11分
11
level 1
其实这个排错很简单。你按照代码执行顺序加debug比如在执行函数中第一行加上打印信息。如果本触发事件没打印,那就是触发事件那里没写对。
2020年11月24日 02点11分
13