2017-06-01 38 views
0

私は、プロジェクト用のクイズゲームをhtmlとJavaScriptで作っています。すべての質問について、プレイヤーは15秒間答えます。一部はうまく動作しますが、私が知りたいことはどのくらい私は<p>タグに印刷することができ、いくつかの方法があることがクイズのJavaScriptタイマー

function Timer() 
    { 
     alert("You are out of time!"); 
    } 

:Jsの中

<body onload="setTimeout(Timer,15000)"> 

、その後:私はこれでこれを行うために管理します時間はプレイヤーにありますか?ここで

+1

"カウントダウンタイマー" のためのsetInterval –

+2

検索の検索。彼らについて多くの、多くの質問があります。 –

+0

重複している可能性がありますhttps://stackoverflow.com/questions/20618355/the-simplest-possible-javascript-countdown-timer –

答えて

3

<div id="count">Start</div>

var count = 15; 
var interval = setInterval(function(){ 
    document.getElementById('count').innerHTML=count; 
    count--; 
    if (count === 0){ 
    clearInterval(interval); 
    document.getElementById('count').innerHTML='Done'; 
    // or... 
    alert("You're out of time!"); 
    } 
}, 1000); 
1

は、カウントダウンタイマー

var count = 15; 
var timer = setInterval(function() { 
    console.log(count); 
    count--; 
    if(count === 0) { 
    stopInterval() 
    } 
}, 1000); 

var stopInterval = function() { 
    console.log('time is up!'); 
    clearInterval(timer); 
} 

の基本的な例ですREPL:https://repl.it/I2C6

0

秒でタイムアウト時間を持つ変数 '秒' を初期化します。 2つのパラメータを持つsetInterval()を呼び出します.1番目はメソッド名で、2番目のパラメータは1番目のパラメータで指定されたメソッドを呼び出す間隔です。

var sec = 15; 
 
var time = setInterval(myTimer, 1000); 
 

 
function myTimer() { 
 
    document.getElementById('timer').innerHTML = sec + "sec left"; 
 
    sec--; 
 
    if (sec == -1) { 
 
     clearInterval(time); 
 
     alert("Time out!! :("); 
 
    } 
 
}
Time : <span id="timer"></span>