Comment implémenter le mouvement div en javascript (code)

Le contenu de cet article explique comment implémenter le mouvement div (code) en JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Description : Cliquez sur le bouton, le div se déplace et précise la position d'arrêt, (minuterie)

 <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+&#39;px&#39;;
                  //offsetLeft获取当前div的位置
              },30);
          }
      }
    </script>

Recommandations associées :

js Introduction aux différentes boucles (avec code)

Comment implémenter l'interface d'enregistrement des utilisateurs avec JavaScript (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!