最近在維護考試系統，在進行考試測試時無意中點擊了刷新按鈕，但是上面的倒計時并沒有受到影響，同時在幾篇博客中也有這樣的例子，所以我想看看它到底是怎樣防止刷新的。
如果是用cs代碼寫，我們可能會很快的寫出來怎樣防止刷新，可是我們要進行前段開發，考試是在頁面上進行的，這里就要用到我們學到的js了。
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=gb2312" /><title>前端開發</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>其實，這里最主要的思想就是，我們將時間放到一個變量中，刷新后，我們從變量中接著讀取這個數據即可。我們也可以用cookie存開始時間，刷新以后先讀取cookie。方法也許不只是這一個，希望大家有更好地方法來多多交流。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
