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

