JQuery：カウントダウンがゼロになったときのページを再読み込みします。

Question

JQueryでCountDownクロックを終了しようとしています。

1 - まず、私はコンテナをクレタ：

var iDiv = document.createElement('div'); 
iDiv.id = 'countdown'; 
iDiv.className = 'countdown'; 

カウントダウンが0に達したときにEvrythingは、これは私が持っているものです私はリロードするページを作成するふり最後の部分を除いて正常に動作しています2 - 今、クロック

// Countdown Clock JQuery 
function startTimer(duration, display) { 
    var timer = duration, minutes, seconds; 
    setInterval(function() { 
     minutes = parseInt(timer/60, 10); 
     seconds = parseInt(timer % 60, 10); 
     minutes = minutes < 10 ? "0" + minutes : minutes; 
     seconds = seconds < 10 ? "0" + seconds : seconds; 
     display.text(minutes + ":" + seconds); 
     if (--timer < 0) { 
      timer = duration; 
     } 
    }, 1000); 
} 
// JQuery function 
jQuery(function ($) { 
    var fiveMinutes = 60 * 5, 
     display = $('#countdown'); 
    startTimer(fiveMinutes, display); 
    if (fiveMinutes === 0) { 
      location.reload(); 
     } 
}); 

まあ、すべてが正常に動作しますが、この最後のビット：

if (fiveMinutes === 0) { 
    location.reload(); 
    } 

ページはゼロに達するカウントダウンでリロードされません。何か案は？

Answer 1

あなたはsetTimeoutメソッドでそれをリロードすることができます

// JQuery function 
jQuery(function ($) { 
    var fiveMinutes = 60 * 5, 
     display = $('#countdown'); 
    startTimer(fiveMinutes, display); 
    setTimeout(function(){ location.reload() }, fiveMinutes*1000); 
}); 

Answer 2

If条件は、スクリプトの実行を最初の時に、一度だけ実行されます。その時点で、fiveMinutes変数は60 * 5（300）であり、=== 0条件と一致しません。

// JQuery function 
jQuery(function ($) { 
    var fiveMinutes = 60 * 5, 
     display = $('#countdown'); 
    startTimer(fiveMinutes, display); 
    if (fiveMinutes === 0) { 
     location.reload(); 
    } 
}); 

タイマーが「0」になっていることを確認する必要があります。

setInterval(function() { 
    minutes = parseInt(timer/60, 10); 
    seconds = parseInt(timer % 60, 10); 
    minutes = minutes < 10 ? "0" + minutes : minutes; 
    seconds = seconds < 10 ? "0" + seconds : seconds; 
    display.text(minutes + ":" + seconds); 
    if (--timer < 0) { 
     timer = duration; 
    } 
}, 1000); 

タイマ値が更新されるために機能が実行されるように機能します。

うまくいけば、これが役に立ちます。