新手求助，看了一个视频，根据上面的内容写了一个运动的事件，因为在点击时会多开定时器，导致越走越快，我就在开始写了一个清除定时器，但是还是越走越快，麻烦大神指点一下是哪里出了问题。
2
846<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#p1{
width: 200px;
height: 200px;
background-color: red;
position: absolute;
top: 50px;
left: 0px;
}
</style>
<script>
window.onload=function()
{
var myb1=document.getElementById('b1');
myb1.onclick=function()
{
var myp=document.getElementById('p1');
var speed=1;
var timer=null;
**clearInterval(timer);**
timer=setInterval(function(){
if(myp.style.left=='300px')
{
clearInterval(timer);
}
else
{
myp.style.left=myp.offsetLeft+speed+'px';
}
}, 30);
}
}
</script>
</head>
<body>
<button id="b1">开始运动</button>
<p id="p1">
</p>
</body>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
把timer变量设定为全局变量 你定义在onclick的function内 是局部变量
按你的定义 每次一点击 timer就被重置为null了，定时器依然在继续工作，起不到作用
把timer定义到
你每次点击，导致变量timer都被重新定义值为null，而serInterval依然运行。