javascript动画没有显示

时间:2016-09-23 17:03:34

标签: javascript animation

我用javascript完成了这个代码试用我的第一个javascript动画,但是当我打开页面时,它显示的是一个空白页...

任何人都可以告诉我这些代码有什么问题吗?为什么它没有显示任何内容?

提前感谢...

<html>
<head>
<title>Trying js Animation</title>
</head>
<body>
<style>
  #container{
    width: 500px;
    height: 500px;
    color: green;
    position: relative;
  }
  #box{
    width: 50px;
    height: 50px;
    color: red;
    position: absolute;
  }
</style>
<div id="container">
  <div id="box">
  </div>
</div>
<script type="text/javascript">
  var t = setInterval(move, 1);
  var pos = 0;
  var box = document.getElementById('box');
  function move(){
    pos += 1;
    box.style.left = pos + "px";
  }
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

盒子是白色的。将“颜色”更改为“背景颜色”。