加上remove后失效，注释掉remove又可以了，为什么，大神们帮帮忙
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="div">
</div>
<script type="text/javascript">
window.onload=function(){
var oDiv=document.getElementById("div");
oDiv.onmouseover=function(){
startMove();
}
oDiv.onmouseout=function(){
reMove();
}
}
var timer=null;
function startMove(){
clearInterval(timer);
var oDiv=document.getElementById("div");
timer=setInterval(function(){
if (oDiv.offsetLeft==500) {
clearInterval(timer);
}
else {
oDiv.style.left=oDiv.offsetLeft+1+"px";
}
},10)
function reMove(){
clearInterval(timer);
var oDiv=document.getElementById("div");
timer=setInterval(function(){
if (oDiv.offsetLeft==0) {
clearInterval(timer);
}
else {
oDiv.style.left=oDiv.offsetLeft-1+"px";
}
},10)
}
</script>
</body>
</html>
