2016-03-29 8 views
1

ページがリロード/リフレッシュしてタイムリミットをリセットしたときに、制限時間に問題があります。Jquery/Javascript:リフレッシュ時の制限時間をリセットする方法を教えてください。

私はオンラインクイズプログラムにこの期限を使用しましたが、私は次の質問に移動するためにPHPヘッダ( '場所:')を使用しています。

答える気軽に

HTML

<label id="time">1:00</label> 

JAVASCRIPT:

function startTimer(duration, display) { 

     var timer = duration, minutes_left, seconds_left; 

     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) { 
       //finished 
      } 

     }, 1000); 

    }; 

    jQuery(function ($) { 

     var time_limit = 60 * 2, 

     display = $('#time'); 

     startTimer(time_limit, display); 
    }); 
+0

JavaScriptは通常複数のリクエスト間でデータを保持しません。CookieやAjaxのヘルプが必要です –

答えて

0

ちょうどストレージからデフォルト値を読み

jQuery(function($) { 

    var time_limit = (localStorage.getItem('time_remaining_min') * 60) + +localStorage.getItem('time_remaining_sec'), 
     display = $('#time'); 
    time_limit = isNaN(time_limit) ? 2 * 60 : time_limit; 

    startTimer(time_limit, display); 
}); 
+0

https://jsfiddle.net/arunpjohny/euxn48am/2/ –

+0

どのように破壊するのですか?クイズが終わったら時間をリセットしたいからです。どうもありがとうございました。 –

+0

@VanAdrianCabreraちょうど ' –