鼠标移出后div继续向右移动怎么回事

源自：2-1 JS速度动画

鼠标移出后div继续向右移动怎么回事

var timer=null;
window.onload=function () {
var oDiv=document.getElementById('div1');
oDiv.onmouseover=function () {
startMove(0);
}
oDiv.onmouseout=function () {
startMove(-200);
}
}
function startMove(iTarget) {
clearInterval(timer);
var oDiv=document.getElementById('div1');

timer=setInterval(function () {
var speed=0;
if (oDiv.style.left>iTarget){
speed=-10;
}else {
speed=10;
}
if (oDiv.offsetLeft==iTarget){
clearInterval(timer);
}else{
oDiv.style.left=oDiv.offsetLeft+speed+'px';
}
},30)
}

提问者：慕丝7289332 2016-08-03 12:08

个回答

慕函数9642432

2016-08-03 16:45:11

    function moveS(iTarget){
        var div1=document.getElementById('div1');
        clearInterval(timer);
        timer=setInterval(function(){
            var speed;
            if(div1.offsetLeft>iTarget){
                speed=-10;
            }else{
                speed=10;
            }
            if(div1.offsetLeft==iTarget ){
                clearInterval(timer);
            }else{
                div1.style.left=div1.offsetLeft + speed + 'px';
            }

        },30)
    }

0
RecallGY

2016-08-03 13:19:30

当他完全右移出来后你没有判断
加一句
if(oDiv.offsetLeft==0) {
clearInterval(timer);}
让计时器停止工作就行了

0