카운트 다운 타이머, 페이지 새로 고침 없음

-3

<HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 

var time_left = 50; 
var cinterval; 
var timestatus=1; 

function time_dec(){ 
    time_left--; 
    document.getElementById('countdown').innerHTML = time_left; 
    if(time_left == 0){ 
     clearInterval(cinterval); 
    } 
} 

function resumetime() 
{ 
    //time_left = 50; 
    clearInterval(cinterval); 
    cinterval = setInterval('time_dec()', 1000); 
} 

function defaultstart() 
{ 
    time_left = 50; 
    clearInterval(cinterval); 
    cinterval = setInterval('time_dec()', 1000); 
} 

function stopstarttime() 
{ 
    if(timestatus==1) 
{ 
    clearInterval(cinterval); 
    document.getElementById('stopbutton').value="Start"; 
    timestatus=0; 
} 
    else 
{ 
    clearInterval(cinterval); 
    cinterval = setInterval('time_dec()', 1000); 
    document.getElementById('stopbutton').value="Stop"; 
    timestatus=1; 
} 
} 

defaultstart(); 

</SCRIPT> 
</HEAD> 

<body> 
Redirecting In <span id="countdown">50</span>. 
<INPUT TYPE="button" value="stop" id="stopbutton" onclick="stopstarttime()"> 
</body> 
</HTML>

초보자입니다. 나는 10 개의 설문지를 가지고있다. 페이지 변경/새로 고침시이 타이머가 새로 고쳐지지 않을 수 있습니다. 그리고 그것은 다른 사용자를 위해 다르게 작동해야합니다. 가능하다면 나를 도와주세요.카운트 다운 타이머, 페이지 새로 고침 없음

출처

2013-08-01 Dr. Vivek

JavaScript에 포함되지 않습니다. PHP와 세션을 사용하여 페이지 새로 고침 사이에서 작동하도록해야합니다. –

무엇을 시도 했습니까? 이전 답변의 코드 붙여 넣기가 문제를 해결하는 데 도움이되지 않습니다. –

js에 저장하려면 브라우저 캐시를 사용해야합니다. – Suleman

타이머가 쿠키 또는 localStorage에서 종료해야하는 타임 스탬프를 저장할 수 있습니다. 그런 다음이 쿠키를 사용하여 올바른 카운터를 표시하십시오. 이 솔루션은 100 % 안전하지 않습니다 (사용자가이 쿠키의 값을 변경하여 개발자 콘솔을 통해 쿠키/localStorage를 변경하는 방법을 알면 카운터를 더 오래 사용할 수 있음). 따라서이 상황이 나쁜 경우에는 사용하지 마십시오. . 왼쪽 밀리 초에서

var timeLeft = 50; 
if(window.localStorage) { 
    if(!localStorage.getItem('endTimer')) { 
    localStorage.setItem('endTimer', new Date().getTime() + (timeLeft * 1000)); 
    } 
}

시간 는 localStorage.getItem('endTimer') - new Date().getTime()입니다.

출처

2013-08-01 11:36:59 Sumurai8

여러분 덕분에. 한가지 더 말 해주세요.이 코딩을 통해 타이머를 마치면 자동으로 특정 페이지로 리디렉션 될 수 있습니까? –

은'location.href'를 리디렉션 할 URL로 설정합니다. – Sumurai8

감사합니다 Sumurai8, 한 가지 더 알려주세요. location.href –

카운트 다운 타이머, 페이지 새로 고침 없음

답변

관련 문제