我试图使用延迟计时器显示正方形,但它没有出现

时间:2016-07-03 20:45:37

标签: javascript html css

这是我的样式表和代码:

.shape{
  height:200px;
  width:200px;
  background-color:#DD0A19;
  display:none;
}

我正在尝试制作一款测试用户的游戏。点击方块的反应时间,点击后消失。

<body>
  <p>Your time: <span id="timeTaken"></span></p>
  <div class="shape" id="disappear"></div>
  <script type="text/javascript">

  var start = new Date().getTime();

  function makeItemAppear () {
    document.getElementById("disappear").style.display = "block";
    start = new Date().getTime();
  }

  function appearAfterDelay () {
    set.Timeout(makeItemAppear, 1000);
  }

  appearAfterDelay();

  document.getElementById('disappear').onclick = function  () {
    document.getElementById("disappear").style.display = "none";
    var end = new Date().getTime();
    var timeTaken = (end - start)/1000;
    document.getElementById("timeTaken").innerHTML = timeTaken + "s";
    appearAfterDelay();

  }
</script>

3 个答案:

答案 0 :(得分:1)

改变:

if Sprite is touched {
    print("Some Text")
}

到:

function appearAfterDelay () {
set.Timeout(makeItemAppear, 1000);
}

最终代码:

function appearAfterDelay () {
            setTimeout(makeItemAppear, 1000);
        }

答案 1 :(得分:1)

只需删除点 - &#39;。&#39;在set.timeout。

fopen()

答案 2 :(得分:0)

set.Timeout不是一个函数。这是获取不存在的对象集的Timeout属性。

SetTimeout是一个内置函数,而不是一个对象,所以你想要改变

set.Timeout(makeItemAppear, 1000)

setTimeout(makeItemAppear,1000)