js 实现缓冲运动

代码区

缓冲运动

// html
<div></div>
    <p><a href="">源码</a></p>

    <script>
    // 逻辑区
      var div = document.querySelector("div");
      function begin(v,target) {
        timer = setInterval(() => {
          var x = div.offsetLeft;  // 左边定位父元素距离
          var y = div.offsetLeft;
          var w = div.offsetWidth; // 自身宽度
          var h = div.offsetHeight;
          var s = target - w - x; // 移动的距离
          var speed = s / 10;
          if (v) {
            speed = v;
          }
          if (speed > 0) {
            speed = Math.ceil(speed);
          } else {
            speed = Math.floor(speed);
          }
          if (s > 0) {
          // 移动
            div.style.left = x + speed + "px";
          }
          console.log(x);
          if (s <= 0) {
            clearInterval(timer)
          }
        }, 1)

      }
      begin(1,1000);
    </script>
var foo = 'bar';