基于jQuery+Cookie实现的防止刷新的在线考试倒计时
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
$(function(){ var_minute=parseInt("${exampaper.paperTime}"); var_expiresHours=_minute*60*1000; if(!hasSetCookie()){ addCookie("${examinee.examineeId}",_expiresHours,_expiresHours); } settime($("#remainTime")); }); functionhasSetCookie(){ varstrCookie=document.cookie; vararrCookie=strCookie.split(";"); for(vari=0;i<arrCookie.length;i++){ vararr=arrCookie[i].split("="); if(arr[0]=="${examinee.examineeId}"){ returntrue; } }; returnfalse; } //开始倒计时 functionsettime(remainTime){ var_time=getCookieValue("871d31bacfd4451484c5f70f8860c2a9"); var_countdown=parseInt(getCookieValue("${examinee.examineeId}"))/1000; if(_countdown<=0){ alert("考试时间到!"); endExam(); }else{ var_second=_countdown%60; var_minute=parseInt(_countdown/60)%60; var_hour=parseInt(parseInt(_countdown/60)/60); if(_hour<10) _hour="0"+_hour.toString(); if(_second<10) _second="0"+_second.toString(); if(_minute<10) _minute="0"+_minute.toString(); remainTime.html(_hour+":"+_minute+":"+_second); _countdown--; editCookie("${examinee.examineeId}",_countdown*1000,_countdown*1000); } //每1000毫秒执行一次 setTimeout(function(){ settime(remainTime); },1000); }; //时添加cookie functionaddCookie(name,value,expiresHours){ varcookieString=name+"="+escape(value);//escape()函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。 //判断是否设置过期时间,0代表关闭浏览器时失效 if(expiresHours>0){ vardate=newDate(); date.setTime(date.getTime()+expiresHours*1000); cookieString=cookieString+";expires="+date.toUTCString(); } document.cookie=cookieString; } //修改cookie的值 functioneditCookie(name,value,expiresHours){ varcookieString=name+"="+escape(value); if(expiresHours>0){ vardate=newDate(); date.setTime(date.getTime()+expiresHours*1000);//单位是毫秒 cookieString=cookieString+";expires="+date.toGMTString(); } document.cookie=cookieString; } //根据名字获取cookie的值 functiongetCookieValue(name){ varstrCookie=document.cookie; vararrCookie=strCookie.split(";"); for(vari=0;i<arrCookie.length;i++){ vararr=arrCookie[i].split("="); if(arr[0]==name){ returnunescape(arr[1]); break; }else{ continue; }; }; }
以上所述就是本文的全部内容了,希望大家能够喜欢。