时间戳

首页 > 解决方案 > 我怎样才能移动一个

在每个给定的时间间隔连续？

javascript - 我怎样才能移动一个
在每个给定的时间间隔连续？

问题描述

这是我的代码：

<!DOCTYPE html>
<html>
<head>

</head>

<body>
    <div id="a">BELLA</div>

    <script type ="text/javascript">
    var myDiv = document.getElementById("a");
    var myVar = setInterval(spostaDiv, 1000);
        function spostaDiv () {

            myDiv.style.marginLeft = "+10px";

        }
    </script>
</body>
</html>

问题是 div 只移动一次。为什么它不连续运行？

标签： javascripthtmlcssweb

解决方案

您需要增加边距值才能像这样移动 div -

var myDiv = document.getElementById("a");
var myVar = setInterval(spostaDiv, 1000);
var margin = 0;

function spostaDiv() {
  margin += 10;
  myDiv.style.marginLeft = margin + "px";
}
<div id="a">BELLA</div>

推荐阅读