js减速运动

最新推荐文章于 2022-07-05 15:17:14 发布

你你你就你

最新推荐文章于 2022-07-05 15:17:14 发布

阅读量286

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Ga_b_c/article/details/107452794

版权

<style>
    * {
      padding: 0;
      margin: 0;
    }

    #box {
      width: 100px;
      height: 100px;
      background: skyblue;
      position: fixed;
      left: 0;
      top: 0;
    }
  </style>

<body>
  <div id="box"></div>
</body>
<script>
  var oBox = document.querySelector('#box');
  var direction = 1000;
  var speed = 30;

  // var speed = 5;

  var timer = setInterval(function () {
    var left = oBox.offsetLeft;
    speed--;
    // speed++;

    speed = speed <= 1 ? 1 : speed;

    left += speed;

    if (left >= direction) {
      clearInterval(timer);
      left = direction;
    }

    oBox.style.left = left + 'px';

  }, 10)
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

你你你就你

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js减速运动

<style> * { padding: 0; margin: 0; } #box { width: 100px; height: 100px; background: skyblue; position: fixed; left: 0; top: 0; } </style><body> <div id="box">&l
复制链接

扫一扫