Javascript實(shí)現(xiàn)倒計(jì)時(shí)（防頁面刷新）實(shí)例
更新時(shí)間：2016年12月13日 15:15:17 作者：CIBLE
本文分享了Javascript實(shí)現(xiàn)倒計(jì)時(shí)并且頁面不刷新的實(shí)例，具有很好的參考價(jià)值，需要的朋友一起來看下吧
話不多說，請(qǐng)看實(shí)例代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="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=='' || window.name == '-1' || isNaN(window.name)){
maxtime = 1*60;
}else{
maxtime = window.name;
}
function CountDown(){
if(maxtime>=0){
hours = Math.floor(maxtime/3600);
minutes = Math.floor((maxtime-hours*3600)/60);
seconds = Math.floor(maxtime%60);
msg = "距離考試結(jié)束還有"+hours+"時(shí)"+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>
js控制定時(shí)執(zhí)行,每隔一段時(shí)間定時(shí)執(zhí)行
//后臺(tái)查詢執(zhí)行請(qǐng)求 1min , ajax_wx_payment 為方法名 setInterval(ajax_wx_payment,1000*60);
js控制延時(shí)跳轉(zhuǎn)
//延遲跳轉(zhuǎn) 20min
setTimeout('ys_time_out()', 1000*60*20);
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
- js+html5實(shí)現(xiàn)頁面可刷新的倒計(jì)時(shí)效果
- JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能(防止刷新倒計(jì)時(shí)失效)
- 基于JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時(shí)功能(無視頁面刷新，頁面關(guān)閉不進(jìn)行倒計(jì)時(shí)功能)
- JavaScript實(shí)現(xiàn)刷新不重記的倒計(jì)時(shí)
- js實(shí)現(xiàn)網(wǎng)頁自動(dòng)刷新可制作節(jié)日倒計(jì)時(shí)效果
- JS 倒計(jì)時(shí)實(shí)現(xiàn)代碼(時(shí)、分，秒)
- 簡單易用的倒計(jì)時(shí)js代碼
- js幾秒以后倒計(jì)時(shí)跳轉(zhuǎn)示例
- js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)
- js防刷新的倒計(jì)時(shí)代碼 js倒計(jì)時(shí)代碼
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了抖音上用記事本編寫"愛心"小程序教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了JavaScript中自定義事件用法,較為詳細(xì)的分析了自定義事件的原理與具體用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
《JavaScript高級(jí)編程》學(xué)習(xí)筆記之object和array引用類型
本文給大家分享我的javascript高級(jí)編程學(xué)習(xí)筆記之object和array引用類型，涉及到j(luò)avascript引用類型相關(guān)知識(shí)，對(duì)javascript引用類型感興趣的朋友可以參考下本文2015-11-11
客戶端限制只能上傳jpg格式圖片的js代碼,對(duì)用戶體驗(yàn)較好，適合網(wǎng)頁中只能使用jpg格式圖片的情況。2010-12-12
JS?getRandomValues和Math.random方法深入解析
這篇文章主要為大家介紹了JS?getRandomValues和Math.random方法深入詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
微信小程序通過點(diǎn)擊事件傳參(data-)的操作示例
微信小程序可以通過直接寫 data-index="1" 進(jìn)行數(shù)據(jù)的綁定 ,利用 bindtap 點(diǎn)擊事件執(zhí)行函數(shù)從而獲取到參數(shù)信息,本文給大家介紹微信小程序通過點(diǎn)擊事件傳參(data-)的操作,感興趣的朋友一起看看吧2023-12-12
了解最新的框架，提升我們的開發(fā)效率。2009-03-03
使用JS實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了使用JS實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要分享一段了Google Maps API地圖應(yīng)用示例，做項(xiàng)目中經(jīng)常會(huì)使用到，非常的簡單，有需要的朋友可以參考下2014-10-10
關(guān)于JavaScript作用域你想知道的一切，本文全部告訴大家，幫助大家全面的了解JavaScript作用域，感興趣的小伙伴們可以參考一下2016-02-02