前言
JavaScript倒計時，實現起來不難，但是一刷新往往就重新計算了，如果要實現刷新不重計該如何做呢？
有這麼幾種思路，
1：cookie
2：本地緩存
3：window.name ……
前兩種比較容易理解，今天我來為大家實現使用window.name實現刷新不重計，代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js倒計時-刷新不重計</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime;
if(window.name==''){
maxtime = 1*60;
}else{
maxtime = window.name;
}
function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = "距離考試結束還有"+minutes+"分"+seconds+"秒";
// document.all["timer"].innerHTML = msg;
document.getElementById("timer").innerHTML = msg;
if(maxtime == 5*60) alert('注意，還有5分鐘!');
--maxtime;
window.name = maxtime;
}
else{
clearInterval(timer);
alert("考試時間到，結束!");
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
<div id="timer" style="color:red"></div>
</body>
</html>
總結
好了，就這麼實現了，很簡單吧！以上就是關於JavaScript實現刷新不重記的倒計時的全部內容，這個功能在模擬考試中很實用，希望對大家有所幫助。