Js实现div移动

描述：点击按钮，div移动，并指定停止位置，（定时器）
<script> window.onload=function () { var timer=null; var
btn1=document.getElementById("btn1"); btn1.onclick=function () { var
div1=document.getElementById("div1");
clearInterval(timer);//如果多次点击，那么会有多个定时器同时工作，移动速度不是设置的10,会有叠加效果，故应该清除 timer=
setInterval(function () { if(div1.offsetLeft>300) { clearInterval(timer); }
else div1.style.left=div1.offsetLeft+10+'px'; //offsetLeft获取当前div的位置 },30); } }
</script>
 

• « 上一篇：运维工程师需要掌握的技能
• » 下一篇：C语言推荐书籍从入门到进阶带你走上大牛之路（珍藏版）