快捷導(dǎo)航

js防刷新的倒計(jì)時代碼 js倒計(jì)時代碼

更新時間：2017年09月06日 09:50:44 投稿：lijiao

這篇文章主要為大家詳細(xì)介紹了js防刷新的倒計(jì)時代碼，js倒計(jì)時的實(shí)現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下

最近在維護(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í)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信小程序中的video視頻實(shí)現(xiàn) 自定義播放按鈕、封面圖、視頻封面上文案
這篇文章主要介紹了微信小程序中的video視頻實(shí)現(xiàn) 自定義播放按鈕、封面圖、視頻封面上文案,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
2020-01-01
JavaScript canvas復(fù)刻蘋果發(fā)布會環(huán)形進(jìn)度條
canvas 真是一個好東西，它給前端插上了想象的翅膀，伴隨著 h5 而來，將 web 代入了新的領(lǐng)域。本文將利用anvas復(fù)刻蘋果發(fā)布會環(huán)形進(jìn)度條，感興趣的可以嘗試一下
2022-07-07
理解JS綁定事件
這篇文章主要幫助大家深入理解JS綁定事件，介紹了六種JS綁定事件的情況，感興趣的小伙伴們可以參考一下
2016-01-01
一文教你如何優(yōu)雅的使用WebSocket
WebSocket最大特點(diǎn)就是服務(wù)器可以主動向客戶端推送信息,客戶端也可以主動向服務(wù)器發(fā)送信息,是真正的雙向平等對話,屬于服務(wù)器推送技術(shù)的一種,下面這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅的使用WebSocket的相關(guān)資料,需要的朋友可以參考下
2022-05-05
js控制href內(nèi)容的連接內(nèi)容的變化示例
這篇文章主要介紹了使用js控制href內(nèi)容的連接內(nèi)容的變化,需要的朋友可以參考下
2014-04-04
微信小程序生成二維碼的示例代碼
這篇文章主要介紹了微信小程序生成二維碼的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
微信小程序自定義底部彈出框功能
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部彈出框功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
JS判斷圖片是否加載完成方法匯總(最新版)
有時需要獲取圖片的尺寸，這需要在圖片加載完成以后才可以。下面小編給大家整理了幾種關(guān)于JS判斷圖片是否加載完成方法匯總，一起看看吧
2016-05-05
javaScript在表單提交時獲取表單數(shù)據(jù)的示例代碼
本文介紹了五種在JavaScript中獲取表單數(shù)據(jù)的方法：使用FormData對象、手動提取表單數(shù)據(jù)、使用querySelector獲取單個字段數(shù)據(jù)、序列化為查詢字符串和配合AJAX提交表單數(shù)據(jù),每種方法都有示例代碼,幫助開發(fā)者更好地理解和應(yīng)用
2025-02-02
javascript閉包的使用之按鈕切換功能
閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù).這篇文章通過實(shí)例代碼給大家介紹了javascript閉包的使用之按鈕切換功能，感興趣的朋友一起看看吧
2018-08-08