请问为什么第一个代码不能实现div框移动，第二个可以；求详解

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="zxc" style="background-color: red;width: 100px;height: 100px;"></div>
<script type="text/javascript">

  setInterval(function(){
   var len=10;
   document.querySelector('.zxc').style.marginLeft = len+'px';
   len +=10;

  }, 100)
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="zxc" style="background-color: red;width: 100px;height: 100px;"></div>
<script type="text/javascript">
  var len=10;
  setInterval(function(){

   document.querySelector('.zxc').style.marginLeft = len+'px';
   len +=10;

  }, 100)
</script>

</body>
</html>

qq_满地祈愿长伴_0

浏览 1312回答 1

1回答

习惯受伤

第一个中的len每次都初始化为10，没有递增，所以不会移动。

1 0

随时随地看视频慕课网APP