Heim >Web-Frontend >js-Tutorial >So implementieren Sie eine Div-Bewegung in Javascript (Code)
Der Inhalt dieses Artikels befasst sich mit der Implementierung von Div-Bewegungen (Code) in JavaScript. Ich hoffe, dass er für Freunde hilfreich ist.
Beschreibung: Klicken Sie auf die Schaltfläche, das Div bewegt sich und gibt die Stoppposition an (Timer)
<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>
Verwandte Empfehlungen:
Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine Div-Bewegung in Javascript (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!