js防重新整理的倒計時代碼,js倒計時代碼

來源:互聯網
上載者:User

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。方法也許不只是這一個,希望大家有更好地方法來多多交流。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.