javascript - カウントダウンタイマーがスピードアップ

Question

毎秒カウントダウンするタイマーがあります。タイマーはゲームに使用されます。ユーザーは質問に答えるために最大 15 秒与えられます。ゲームに10個の質問があるとしましょう。タイマーは最初の質問にはうまく機能しますが、質問ごとにどんどんスピードアップしていきます。どんな提案でも大歓迎です。ありがとうございました！

コードはここにあります：

var timeInSecs;
var ticker;
function startTimer(secs) {
    timeInSecs = secs;
    ticker = setInterval("tick()", 1000); // every second
}
function tick() {
    var seconds = timeInSecs;
    if (seconds > 0) {
        timeInSecs--;
    }
    else if (seconds == 0) {
        document.getElementById("timeExpired").innerHTML = "Time expired!";
    }
    document.getElementById("countDown").innerHTML = seconds;
}
function myStopFunction() {
    clearInterval(ticker);
}

score 4 · Accepted Answer

else if(seconds==0)
        {
            // you should stop the timer here, and clear the interval
            myStopFunction();
            document.getElementById("timeExpired").innerHTML = "Time expired!";
        }

編集：補足

tick評価する文字列ではなく、関数を間隔に渡すことをお勧めします。eval を使用することは、一般的に危険なことであり、効率的ではありません。

setInterval(tick, 1000)

編集：別の補足事項

tick 関数をより冗長に (そして余分な variable なしでseconds)書くことができます。

    function tick(){
        document.getElementById("countDown").innerHTML = timeInSecs;
        if(! timeInSecs--){
            myStopFunction()                
            document.getElementById("timeExpired").innerHTML = "Time expired!";
        }
    }

score 2 · Accepted Answer

関数では--, のsecond代わりに変数を使用する必要があると思います。timeInSecondstick()

timeInSecondstoの値を指定したためですseconds。多分これが役立つでしょう。

score 1 · Accepted Answer

0になった時点でインターバルをクリアしているとは思えません。

定義myStopFUnction()しましたが、秒 == 0 の場合はおそらく呼び出さないでしょう。

試す：

else if (seconds == 0) {
    document.getElementById("timeExpired").innerHTML = "Time expired!";
    myStopFunction();
}

また、使用する必要があります===

score 0 · Accepted Answer

var timeInSecs;
var ticker;
function startTimer(secs) 
{
    timeInSecs = secs;
}

function tick() {
    var seconds = timeInSecs;
    if (seconds > 0) 
      timeInSecs--;
    else if (seconds == 0) 
    {
        document.getElementById("timeExpired").innerHTML = "Time expired!";
    }
    document.getElementById("countDown").innerHTML = seconds;
    ticker = setInterval("tick()", 1000); // every second
}

function myStopFunction() 
{
    clearInterval(ticker);
}

javascript - カウントダウンタイマーがスピードアップ

4 に答える 4

Related

Reference