私は、正方形の遅延タイマーを使用して表示させるためにしようとしているが、それはここで

を表示されないですが、私のスタイルシートとコードです：私は、正方形の遅延タイマーを使用して表示させるためにしようとしているが、それはここで

.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>

出典

2016-07-03 Akash21

ドットを削除するだけです - '。' set.timeout内にあります。

set.Timeout --> setTimeout

出典

2016-07-03 21:07:57 Daniel

ありがとう！ – Akash21

変化：

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

に：

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

最終コード：

<html> 
 
    <head> 
 
     <style> 
 
      .shape{ 
 
        height:200px; 
 
        width:200px; 
 
        background-color:#DD0A19; 
 
        display:none; 
 
      } 
 
     </style> 
 
    </head> 
 
    <body> 
 
     <p>Your time: <span id="timeTaken"></span></p> 
 
     <div class="shape" id="disappear"></div> 
 
     
 
     <script> 
 
      var start = new Date().getTime(); 
 

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

 
      function appearAfterDelay() { 
 
      setTimeout(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> 
 
     
 
    </body> 
 
</html>

出典

2016-07-03 20:54:47 Ehsan

に

set.Timeout(makeItemAppear, 1000)

を変更したいとしてよう

のSetTimeoutは、関数ではなく、オブジェクトに組み込まれています！ – Akash21

セット。タイムアウトは機能ではありません。これは、存在しないオブジェクトセットのTimeout属性を取得しています。あなたは、あなたは私の感謝の気持ちを持って

setTimeout(makeItemAppear,1000)

出典

2016-07-03 21:16:59

ありがとう！ – Akash21

私は、正方形の遅延タイマーを使用して表示させるためにしようとしているが、それはここで

答えて

関連する問題