要素は静止しているため、画面上で自動的に移動します。 勉強中に出会った比較的簡単な質問ですので書いてみました。 コードをコピーします コードは次のとおりです。 <br>#sp1{ <br>border: red Solid ; <br>display: inline-block; <br>width: 30px; <br>height: 20px; <br>font-size: 20px; <br>text-align: center; <br><script> /動きを制御する量の変数<br>var flag = 0;//左右の動きを制御する変数<br>//右に移動する関数<br>function moveright(){ <br>sp1.style. marginLeft=mar " px"; <br>mar=mar 5; <br>} <br>//右に移動する関数<br>function moveleft(){ <br>sp1.style.marginLeft=mar "px "; <br>mar=mar-5; <br>} <br><br>function go() { <br>var sp1 =document.getElementById("sp1"); <br>var btn1 = document.getElementById ("開始" ); <br>if(!btn1.disabled){ <br>document.getElementById("pause").disabled=false; .innerHTML=parseInt (sp1.innerHTML) 1; <br>timenum = window.setTimeout(go,10); <br>if(flag==1){ <br>window.setTimeout(moveleft,10); >} <br>if(flag==0){ <br>window.setTimeout(moveright,10); <br>} <br>if(mar>(window.outerWidth)){ <br>flag=1; <br>} <br>if(marflag=0; <br>} <br>} <br>function stop(){ <br>document.getElementById("start").disabled = false; <br>document.getElementById("pause").disabled=true; <br><br></head> 🎜><本文><br><button id="開始" <button id="一時停止</ボタン> <br><br/> sp1"> ;0</span> <br></body> <br></html> <br><br> </div>
