提问者:小点点

为什么setInterval()不能用于动画?[已关闭]


我试图用Java脚本动画div像它应该移动到右侧10px,但它不工作。我很乐意把我的错误公诸于世。

null

var a = 0;
setInterval(Anim, 1000)

function Anim() {
  a = a + 10;
  var target = document.getElementById("test")
  target.style.marginleft = a + 'px';
}
#test {
  width: 250px;
  height: 150px;
  background: red;
}
<div id="test"></div>

null


共1个答案

匿名用户

您的target.style.MarginLeft应该是target.style.MarginLeft(大写L)。在javascript中操作的样式使用camelcase。

null

var a=0;
setInterval(Anim,1000)

function Anim(){
  a = a + 10;
  var target = document.getElementById("test")
  target.style.marginLeft = a + 'px';
}
#test{
  width:250px;
  height:150px;
  background:red;
}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=">
  <title></title>
</head>
<body>
  <div id="test"></div>
</body>
</html>