基于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;
};
};
}
以上所述就是本文的全部内容了，希望大家能够喜欢。