首页 > 代码库 > js 运动01

js 运动01

1. 运动中的四个bug

不会停止; 速度取某些值会无法停止; 到达位置后再点击还会运动; 重复点击速度加快

<input  type="button" onclick="startMove()" value="http://www.mamicode.com/开始运动"/><div id="div1"></div><script>    var timer = null;    function startMove(){        var oDiv = document.getElementById("div1");        var iSpeed = 10;        clearInterval(timer);//确保多次点击只开一个定时器        timer = setInterval(function(){            if(oDiv.offsetLeft >= 300){                clearInterval(timer)            }else{                oDiv.style.left = oDiv.offsetLeft + iSpeed + ‘px‘;            }        },30);    }</script>

  

js 运动01