js防刷新的倒計時代碼 js倒計時代碼
最近在維護考試系統(tǒng),在進行考試測試時無意中點擊了刷新按鈕,但是上面的倒計時并沒有受到影響,同時在幾篇博客中也有這樣的例子,所以我想看看它到底是怎樣防止刷新的。
如果是用cs代碼寫,我們可能會很快的寫出來怎樣防止刷新,可是我們要進行前段開發(fā),考試是在頁面上進行的,這里就要用到我們學到的js了。
<htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html; charset=gb2312" /> <title>前端開發(fā)</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 = "距離考試結(jié)束還有"+minutes+"分"+seconds+"秒"; document.all["timer"].innerHTML = msg; if(maxtime == 5*60) alert('注意,還有5分鐘!'); --maxtime; window.name = maxtime; } else{ clearInterval(timer); alert("考試時間到,結(jié)束!"); } } timer = setInterval("CountDown()",1000); //--> </SCRIPT> <div id="timer"style="color:red"></div> </body> </html>
其實,這里最主要的思想就是,我們將時間放到一個變量中,刷新后,我們從變量中接著讀取這個數(shù)據(jù)即可。我們也可以用cookie存開始時間,刷新以后先讀取cookie。方法也許不只是這一個,希望大家有更好地方法來多多交流。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- js+html5實現(xiàn)頁面可刷新的倒計時效果
- JS實現(xiàn)發(fā)送短信驗證后按鈕倒計時功能(防止刷新倒計時失效)
- Javascript實現(xiàn)倒計時(防頁面刷新)實例
- 基于JS實現(xiàn)發(fā)送短信驗證碼后的倒計時功能(無視頁面刷新,頁面關(guān)閉不進行倒計時功能)
- JavaScript實現(xiàn)刷新不重記的倒計時
- js實現(xiàn)網(wǎng)頁自動刷新可制作節(jié)日倒計時效果
- JS 倒計時實現(xiàn)代碼(時、分,秒)
- 簡單易用的倒計時js代碼
- js幾秒以后倒計時跳轉(zhuǎn)示例
- js代碼實現(xiàn)點擊按鈕出現(xiàn)60秒倒計時
相關(guān)文章
JavaScript實現(xiàn)輕松創(chuàng)建二維數(shù)組的方法小結(jié)
這篇文章主要為大家詳細介紹了JavaScript中實現(xiàn)輕松創(chuàng)建二維數(shù)組的多種方法,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04JS基于面向?qū)ο髮崿F(xiàn)的多個倒計時器功能示例
這篇文章主要介紹了JS基于面向?qū)ο髮崿F(xiàn)的多個倒計時器功能,結(jié)合實例形式分析了javascript面向?qū)ο蠹皶r間操作相關(guān)技巧,需要的朋友可以參考下2017-02-02javascript檢查表單數(shù)據(jù)是否改變的方法
需要檢查用戶是否修改了一個表單中的內(nèi)容,可以使用本文提供的方法,如果修改了表單的內(nèi)容則返回true,沒修改則返回false,有需求的朋友可以參考下2013-07-07