標籤：style blog http java os width
基本思路：樣式要是絕對位置，不然的話根本走不起來，當開啟一個定時器的時候，必須先清除定時器，這是為了防止滑鼠連續點擊按鈕而開啟多個定時器，導致物體的速度加快等原因，其次要控制好物體的運動和停止，用if-else控制邏輯控制。
<!DOCTYPE HTML><!----><html><head><meta charset="utf-8"><title></title><style>#div1{width:200px;height:200px;background:red;position:absolute;//不加絕對位置，就跑不起來top:50px;left:0px;}</style> <script>var timer=null;function startMove(){var oDiv=document.getElementById('div1');clearInterval(timer);//保證只有一個定時器在工作，不會因為連續點擊多次按鈕而開啟多個定時器，從而導致速度變快timer=setInterval(function (){var speed=1;if(oDiv.offsetLeft>=300)//大於300時讓物體停在那裡，不一直運動下去{clearInterval(timer);}else{oDiv.style.left=oDiv.offsetLeft+speed+'px';}},30)}</script></head><body><input id="btn1" type="button" value="開始運動" onclick="startMove()"/><div id="div1"></div></body></html>
：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
