Javascript 如何避免使用java脚本在页面刷新/页面加载时重置计时器值?

Javascript 如何避免使用java脚本在页面刷新/页面加载时重置计时器值?,javascript,jquery,Javascript,Jquery,这是我的代码,我在其中使用了readCookies函数,但当它没有响应时,它显示div中没有任何内容,即使警报也不起作用 seconds = readCookie('countdown') || 60; alert(seconds); function secondPassed() { seconds--; var minutes = parseInt(seconds / 60); var remainingSeconds = parseInt(seconds % 60

这是我的代码,我在其中使用了readCookies函数,但当它没有响应时,它显示div中没有任何内容,即使警报也不起作用

seconds = readCookie('countdown') || 60;
alert(seconds);

function secondPassed() {
    seconds--;
    var minutes = parseInt(seconds / 60);
    var remainingSeconds = parseInt(seconds % 60);
    if (remainingSeconds < 10) {
        remainingSeconds = "0" + parseInt(remainingSeconds);
    }
    document.getElementById('countdown').innerHTML = minutes + " mins : " + remainingSeconds + " secs";
    if (parseInt(seconds) === 0) {
        alert("Time is over");
        clearInterval(countdownTimer);
        document.getElementById('countdown').innerHTML = "Time is Over";
        document.forms["myForm"].submit();
        document.location.href = "examresult.jsp";
    }
}
var countdownTimer = setInterval(function () {
    secondPassed();
    if (seconds === 0) {
        eraseCookie(seconds);
    } else {
        createCookie(seconds, seconds, 7);
    }
}, 1000);
seconds=readCookie(“倒计时”)| 60;
警报(秒);
函数secondPassed(){
秒--;
var分钟=parseInt(秒/60);
var remainingSeconds=parseInt(秒数%60);
如果(剩余秒数<10){
remainingSeconds=“0”+parseInt(remainingSeconds);
}
document.getElementById('countdown').innerHTML=minutes+“mins:”+remainingSeconds+“secs”;
if(parseInt(秒)==0){
警惕(“时间已过”);
清除间隔(倒计时);
document.getElementById('countdown').innerHTML=“时间结束”;
document.forms[“myForm”].submit();
document.location.href=“examresult.jsp”;
}
}
var倒计时=设置间隔(函数(){
第二次通过();
如果(秒===0){
删除cookie(秒);
}否则{
createCookie(秒,秒,7);
}
}, 1000);

在页面卸载之前,将值存储在cookie或浏览器存储中,然后在页面刷新中从cookie或浏览器存储重新加载该值

例如(伪代码):


同样在Cookie中设置计时器秒,请为我提供工作示例。。或者我应该在哪里使用上述代码,在我的函数中还是在我的函数中。。。我想我已经在我的代码中完成了几乎所有的操作,但最后它没有响应…@KuldeePChoudharY,因为您已经实现了
get_cookie
set_cookie
函数(或等效函数),然后只需添加窗口加载和卸载的事件处理程序,以便卸载时存储当前计时器,加载时恢复当前计时器(如果已设置)否则创建一个新的计时器。关键是挂接窗口
load
unload
事件以存储和恢复当前计时器,其余的都是相同的,因此为什么要使用伪代码
window.onunload = function(){
     set_cookie('timer', timer) /* you need to implement this function */;
}

window.onload = function() {
   timer = get_cookie('timer'); /* you need to implement this function */
   if ( null == timer ) timer = 0; /* not page refresh, start a new timer */
}