js防重新整理的倒計時代碼,js倒計時代碼
最近在維護考試系統,在進行考試測試時無意中點擊了重新整理按鈕,但是上面的倒計時並沒有受到影響,同時在幾篇部落格中也有這樣的例子,所以我想看看它到底是怎樣防止重新整理的。
如果是用cs代碼寫,我們可能會很快的寫出來怎樣防止重新整理,可是我們要進行前段開發,考試是在頁面上進行的,這裡就要用到我們學到的js了。
<span style="font-family:KaiTi_GB2312;font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=gb2312" /><title>前端開發blog.suiyidian.cn</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;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> </span> 其實,這裡最主要的思想就是,我們將時間放到一個變數中,重新整理後,我們從變數中接著讀取這個資料即可。我們也可以用cookie存開始時間,重新整理以後先讀取cookie。方法也許不只是這一個,希望大家有更好地方法來多多交流。