為什么動畫無法停止呢
<!DOCTYPE html>
<meta charset="utf-8">
<title>速度動畫</title>
<html>
<head>
<style type="text/css">
#div1{width: 200px;height: 200px;background: red;position: relative;;left: -200px;top: 0px;cursor: pointer;}
#share{height: 50px;width: 20px; background: blue;position: absolute;right: -20px;top: 75px;line-height: 20px;text-align: center;color: white;}
</style>
</head>
<body>
<div id="div1">
<span id="share">分享</span>
</div>
</body>
<script type="text/javascript">
window.onload = function(){
startmove();
}
var aniTime = null;
function startmove(target){
var oDiv = document.getElementById('div1');
oDiv.onmouseover = function(){
clearInterval(aniTime);
aniTime = setInterval(function(){
if (oDiv.offsetLeft < target) {
clearInterval(aniTime);
}
else{
oDiv.style.left = oDiv.offsetLeft+1+'px';
}
},30);
}
}
</script>
</html>
2017-03-04
判斷oDiv.offsetLeft和target的時候判斷條件是等于不是小于