为了账号安全,请及时绑定邮箱和手机立即绑定

请问这样的代码:为什么鼠标移出div后,方块没有缩回去

鼠标移出后,红色部分会突然消失,然后又出现,并没有缩回屏幕外


var div1 = document.getElementById('div1'),

share = document.getElementById('share'),

timer = null;


window.onload = function(){

var div1 = document.getElementById('div1');

div1.onmouseover = function(){

startMove();

};

div1.onmouseout = function(){

div1.style.left = -200 + 'px';            //这里

};

}


function startMove(){

var div1 = document.getElementById('div1');

clearInterval(timer);

timer = setInterval(function(){

if(div1.offsetLeft != 0){

div1.style.left = div1.offsetLeft + 10 + 'px';

}

}, 30);

}


正在回答

1 回答

因为你的定时器一直在运行,,你应该在它完全出来之后,,清理掉在运行的这个定时器,,

if(div1.offsetLeft != 0){

div1.style.left = div1.offsetLeft + 10 + 'px';

} else {

clearInterval(timer);

}


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问这样的代码:为什么鼠标移出div后,方块没有缩回去

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信