为了账号安全,请及时绑定邮箱和手机立即绑定

如何用js使一个div框无限移动(要用计时器)?

如何用js使一个div框无限移动(要用计时器)?

qq_满地祈愿长伴_0 2017-12-10 19:51:18
<html><head> <title></title></head><body> <div id="zxc" style="background-color: red;width: 100px;height: 100px;margin-left:100px;"></div> <script type="text/javascript">  var x=document.querySelector('.zxc');  setInterval(function(){x.style.left+=10+'px';  }, 10) </script></body></html>
查看完整描述

1 回答

?
千秋此意

TA贡献158条经验 获得超187个赞


<html>

<head>
    <meta charset="utf-8">
    <title>test</title>
</head>

<body>
    <div id="zxc" style="background-color:red; width:100px; height:100px; position:absolute; left:100px; top:100px;"></div>
    <script type="text/javascript">
    var x = document.querySelector('#zxc');
    setInterval(function() {
        x.style.left = (x.offsetLeft + 10) + 'px';
    }, 16)
    </script>
</body>

</html>

查看完整回答
反对 回复 2017-12-10
  • 1 回答
  • 0 关注
  • 1710 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信