为什么清除定时器没有用，运动后停不下来

源自：2-1 JS速度动画

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

div{margin:0; padding: 0;}

#div1{width: 200px;height: 200px;background: red;position: relative;left: -200px;top:0px;}

#share{width: 20px;height: 50px; position: absolute;left: 200px;top: 75px;background: blue;}

</style>

</head>

<body>

</div>

</body>

window.onload=function(){

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

oDiv.onmouseover=function(){

startMove();

}

var timer=null;

function startMove(){

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

var timer=setInterval(function(){

if(oDiv.offsetLeft==0){

clearInterval(timer);

}

else{

oDiv.style.left=oDiv.offsetLeft+10+"px";

}

},30)

}

</script>

</html>

提问者：sulin 2016-05-23 21:45