페이지 새로 고침시 타이머 문제

Question

초 단위 = 0이면 내 페이지에 자바 스크립트 타이머가 있습니다. 문제가 있습니다. 페이지를 새로 고칠 때 타이머가 초기 값에서 시작됩니다.

여기에 자바 스크립트 코드

<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

당신은 (동적 숨겨진 양식 요소 전에 제출을 추가하여 예를 들어) 양식 게시물의 일환으로 현재의 타이머 값을 제출 한 다음 후 타이머 초기 값으로이 값을 사용할 수 있습니다 페이지 새로 고침.

또 다른 가능성은 페이지 새로 고침이 필요하지 않도록 AJAX를 사용하여 양식을 제출하는 것입니다. 이를 달성하기 위해 jQuery ajax 함수를 살펴 보겠습니다. http://api.jquery.com/jquery.ajax/

이러한 솔루션 중 하나가 괜찮은 경우 예제를 제공 할 수 있습니다.