ページ更新時のタイマーの問題

Question

秒に0を入力すると、私のページにjavascriptタイマーがあります。問題は、ページを更新するときにタイマーが初期値から始まっていることです。ここで

はjavascriptのコード

<script> 
    secs = 300; 
    timer = setInterval(function() { 
     var element = document.getElementById("status"); 
     element.innerHTML = "Remaining :<b>"+secs+" sec</b>"; 
     if(secs < 1){ 
      clearInterval(timer); 
      document.test.submit(); 
     } 
     secs--; 
    }, 1000); 

でこれを回避する方法はありますか？ページリロードを防止することで実現できます。それは可能ですか？

Answer 1

すべての変数は、ページのロード時に再初期化されます。値を保持したい場合は、window.sessionStorageを使用する必要があります。その後、

https://developer.mozilla.org/en/docs/Web/API/Window/sessionStorage

Answer 2

あなたは（以前に提出し、動的に非表示のフォーム要素を追加することによって、例えば）フォームポストの一環として、現在のタイマ値を提出することができ、そして後にタイマの初期値として、この値を使用しますページリロード。

もう1つの可能性は、AJAXを使用してフォームを送信し、ページの更新が不要であることです。これを実現するには、jQuery ajax関数を調べることができます。 http://api.jquery.com/jquery.ajax/

これらの解決策のいずれかが問題ないとすれば、例を挙げることができます。