標籤：btn window 運動 div meta func val back class
一、使一個物體運動到一定位置停止。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #div1 { background: green; width: 200px; height: 200px; position: absolute; left: 0; top:50px; } </style> <script> window.onload = function () { var oBtn = document.getElementById(‘btn1‘); var oDiv = document.getElementById(‘div1‘); var timer = null; oBtn.onclick = function () { clearInterval(timer);//使一個定時器工作，否則多次點擊開始運動多次啟動定時器使物體加快運動 timer = setInterval(function () { var speed = 7; if(oDiv.offsetLeft >= 300){ clearInterval(timer); }else {//如果不加else，當到達>=300時，再點擊開始運動，物體會執行一次下面代碼，物體會運動一下 oDiv.style.left = oDiv.offsetLeft + speed + ‘px‘; } },30); }; }; </script></head><body><input id=‘btn1‘ type="button" value="開始運動"><div id="div1"></div></body></html>
js（運動）
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
