<!--html--> <input type="button" value="运动" id="btn"><div id="div"></div>
/*css*/ #div{ width:200px; height:200px; background: yellowgreen; position: absolute; top:30px; left:0; }<script> //调用函数 var btn=document.getElementById("btn"); btn.onclick=function () { startMove(); } //运动函数 var startMove=function () { var div=document.getElementById("div"); var timer=null; clearInterval(timer) //牢记点 1 :每次定时器开启前清除上次定时器 timer=setInterval(function () { var iSpeed=2; if(div.offsetLeft>=300){ //牢记点 2 :用if else 相对立关系 总路程和速度对立开写 clearInterval(timer) }else{ div.style.left=div.offsetLeft+iSpeed+"px"; } },30) } </script>