<!DOCTYPE html><html><head><meta charset="UTF-8"><title>多物體運動</title><style>*{margin:0;padding:0;}div{width:200px;height:100px;background:#abc;margin-bottom: 20px;}</style></head><body><div></div><div></div><div></div><script>window.onload = function(){var iDiv = document.getElementsByTagName("div");for(var i = 0 ;i < iDiv.length;i++){iDiv[i].onmouseover = function(){startMove(this,400);};iDiv[i].onmouseout = function(){startMove(this,200);};}};function startMove(obj,destination){clearInterval(obj.timer);? ? //將此處改為 obj.timer = null；為什么運行之后在為到達目的地時候鼠標移除div會抽搐obj.timer = setInterval(function(){var speed = (destination - obj.offsetWidth)/8;speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);if(destination == obj.offsetWidth){clearInterval(obj.timer);}else{obj.style.width = obj.offsetWidth + speed +"px";}?},30);}</script></body></html>
js多物體運動中的問題
前端小學生a
2017-05-23 17:03:58