求教 clearTimeout无法清除定时器问题

Chem七辰 前端  2017-11-04 12:52:56
鼠标移动到up盒子上,图片pic向上滑动,在图片还未滑动到指定位置时,再次触发onmouseover事件。
以下采用setInterval()的方法写的定时器,下一次触发onmouseover事件时,可以清除上次未执行完的动作。
<script type="text/javascript">
window.onload = function(){
var up = document.getElementById("up");
var pic =document.getElementById("pic");
var num = 0;
var speed = 20;
var timer = null;
up.onmouseover = function() {
clearInterval(timer);
timer = setInterval(fnUp,speed);
function fnUp(){
num--;
if(num >= -1070){
pic.style.top = num + "px";
} else {
clearInterval(timer);
}
};
};
</script>

但以下采用setTimeout()方法写的定时器,在下一次触发onmouseover事件时,无法清除上次未执行完的动作。
<script type="text/javascript">
window.onload = function(){
var up = document.getElementById("up");
var pic =document.getElementById("pic");
var num = 0;
var speed = 20;
var timer = null;
up.onmouseover = function(){
clearTimeout(timer);
setTimeout(fnUp,speed);
function fnUp(){
num = num -1;
if(num > -1070){
pic.style.top = num + "px";
setTimeout(fnUp,speed);
}
}
}
}
</script>
...全文
653 1 点赞 打赏 收藏 举报
写回复
1 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
2017-11-04
你setTimeout(fnUp,speed);没赋值 timer = setTimeout(fnUp,speed);
  • 打赏
  • 举报
回复
相关推荐
发帖
JavaScript
加入

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2017-11-04 12:52
社区公告
暂无公告