js防刷新的倒計(jì)時代碼 js倒計(jì)時代碼
最近在維護(hù)考試系統(tǒng),在進(jìn)行考試測試時無意中點(diǎn)擊了刷新按鈕,但是上面的倒計(jì)時并沒有受到影響,同時在幾篇博客中也有這樣的例子,所以我想看看它到底是怎樣防止刷新的。
如果是用cs代碼寫,我們可能會很快的寫出來怎樣防止刷新,可是我們要進(jìn)行前段開發(fā),考試是在頁面上進(jìn)行的,這里就要用到我們學(xué)到的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í),這里最主要的思想就是,我們將時間放到一個變量中,刷新后,我們從變量中接著讀取這個數(shù)據(jù)即可。我們也可以用cookie存開始時間,刷新以后先讀取cookie。方法也許不只是這一個,希望大家有更好地方法來多多交流。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- js+html5實(shí)現(xiàn)頁面可刷新的倒計(jì)時效果
- JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時功能(防止刷新倒計(jì)時失效)
- Javascript實(shí)現(xiàn)倒計(jì)時(防頁面刷新)實(shí)例
- 基于JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時功能(無視頁面刷新,頁面關(guān)閉不進(jìn)行倒計(jì)時功能)
- JavaScript實(shí)現(xiàn)刷新不重記的倒計(jì)時
- js實(shí)現(xiàn)網(wǎng)頁自動刷新可制作節(jié)日倒計(jì)時效果
- JS 倒計(jì)時實(shí)現(xiàn)代碼(時、分,秒)
- 簡單易用的倒計(jì)時js代碼
- js幾秒以后倒計(jì)時跳轉(zhuǎn)示例
- js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時
相關(guān)文章
JavaScript實(shí)現(xiàn)輕松創(chuàng)建二維數(shù)組的方法小結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript中實(shí)現(xiàn)輕松創(chuàng)建二維數(shù)組的多種方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04JavaScript實(shí)現(xiàn)日期格式化詳細(xì)實(shí)例
這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)日期格式化的相關(guān)資料,JavaScript中的日期對象提供了許多方法和屬性,可以通過它們來進(jìn)行日期的格式化,需要的朋友可以參考下2023-09-09JavaScript中SQL語句的應(yīng)用實(shí)現(xiàn)
最近一直在用javascript在做項(xiàng)目 可是做著做著 感覺很多功能代碼都是重復(fù)的。2010-05-05JS基于面向?qū)ο髮?shí)現(xiàn)的多個倒計(jì)時器功能示例
這篇文章主要介紹了JS基于面向?qū)ο髮?shí)現(xiàn)的多個倒計(jì)時器功能,結(jié)合實(shí)例形式分析了javascript面向?qū)ο蠹皶r間操作相關(guān)技巧,需要的朋友可以參考下2017-02-02前端處理二進(jìn)制流文件導(dǎo)出為excel表代碼示例
這篇文章主要給大家介紹了關(guān)于前端處理二進(jìn)制流文件導(dǎo)出為excel表的相關(guān)資料,后臺管理系統(tǒng),常會出現(xiàn)導(dǎo)出excel表格功能,需要的朋友可以參考下2023-08-08javascript檢查表單數(shù)據(jù)是否改變的方法
需要檢查用戶是否修改了一個表單中的內(nèi)容,可以使用本文提供的方法,如果修改了表單的內(nèi)容則返回true,沒修改則返回false,有需求的朋友可以參考下2013-07-07