javascript动画不显示

标签 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>

最佳答案

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

关于javascript动画不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39666063/

相关文章:

javascript - onClick 没有运行功能?? (可能是 Javascript 错误?)

javascript - 代码点火器 : form validation jquery

javascript - 如何在两个文本(css 或 js)之间放置线

android - 单击动画上的事件 ImageView 仅在开始位置触发

CSS3 : Orbiting rings in 3D space (with example)

javascript - 在 Chrome 和 Edge 中使用 jQuery 隐藏和显示元素闪烁

javascript - 如何将 $dialog 注入(inject)现有的 angularjs 页面 Controller

JavaScript 推送返回一个空数组

javascript - 谁能告诉我为什么我的导航不起作用?

javascript - 使用动态坐标在 Canvas 上定位