쿠키 문제가있는 JS 카운트 다운 타이머

Question

우리는 24 시간 카운트 다운 타이머가 있습니다. 문제는 페이지가 새로 고침 될 때마다 타이머가 다시 시작된다는 것입니다. 같은 사용자에 대해 다시 시작하지 않도록 쿠키를 만들려면 어떻게해야합니까? 그리고 다시 0으로 내려 가면 다시 시작됩니까? 우리가 지금까지 무엇을 가지고

:

<script type = "text/javascript"> 
var totalSeconds; 
function initiate(seconds) 
{ 
    totalSeconds = parseInt(seconds); 
    setInterval("timeUpdate()", 1000); 
} 
function timeUpdate() 
{ 
    var seconds = totalSeconds; 
    if(seconds > 0) 
    { 
      totalSeconds--; 
      var hours= Math.floor(seconds/3600); 
      seconds %= 3600; 
      var minutes = Math.floor(seconds/60); 
      seconds %= 60; 
      var timeIs = ((hours < 10) ? "0" : "") + hours + ":" + ((minutes < 10) ? "0" : "") + minutes + ":" + ((seconds < 10) ? "0" : "") + seconds; 
      document.getElementById("timeLeft").innerHTML = "" + timeIs; 
    } 
    else 
    { 
      document.getElementById("timeLeft").innerHTML = ''; 
      document.getElementById("message").innerHTML = ''; 
    } 
} 
initiate(24 * 60 * 60); 
</script> 

Answer 1

document.cookie="name=" + cookievalue; 
    alert("Setting Cookies : " + "name=" + cookievalue); 

SEE HERE

Answer 2

먼저 우리가 설정 한 쿠키를 읽을 수있는 기능이 필요합니다. 문제는이 대답 그래서 How do I create and read a value from cookie?

에 주어진 함수를 사용하여, 우리는 우리의 코드에서 두 가지 기능 createCookie 및 setCookie 있습니다.

이제 설정하고 모두 당신의 기능이 잘 작동하고 유지

initialize(totalSeconds); 

아래에 주어진 지금 초기화

var 
    //Get time started 
    timeStarted = getCookie('timeStarted'), 
    //To store total seconds left 
    totalSeconds, 
    //Current Time 
    currentTime = parseInt(new Date()/1000), 
    //Timer Length 
    timerLength = 24 * 60 * 60; 

if(timeStarted == "") { 

    //Time not yet started. Start now. 
    createCookie('timeStarted', currentTime, 365); 

    //We started time just now. So, we have full timer length remaining 
    totalSeconds = timerLength; 

} else { 

    //Calculate total seconds remaining 
    totalSeconds = timerLength - (currentTime - timeStarted)%(timerLength); 
} 

아래에 주어진 페이지로드에 쿠키를 얻을.

쿠키 기간으로 365 일을 사용했습니다. 우리는 시작 시간 만 있으면됩니다.

요구 사항에 따라 코드를 변경하십시오.

이 코드에 대한 설명이 필요하면 알려주십시오.