Javascript實(shí)現(xiàn)倒計時（防頁面刷新）實(shí)例
更新時間：2016年12月13日 15:15:17 作者：CIBLE
本文分享了Javascript實(shí)現(xiàn)倒計時并且頁面不刷新的實(shí)例，具有很好的參考價值，需要的朋友一起來看下吧
話不多說，請看實(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+"時"+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>
js控制定時執(zhí)行,每隔一段時間定時執(zhí)行
//后臺查詢執(zhí)行請求 1min , ajax_wx_payment 為方法名 setInterval(ajax_wx_payment,1000*60);
js控制延時跳轉(zhuǎn)
//延遲跳轉(zhuǎn) 20min
setTimeout('ys_time_out()', 1000*60*20);
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
您可能感興趣的文章:
- js+html5實(shí)現(xiàn)頁面可刷新的倒計時效果
- JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計時功能(防止刷新倒計時失效)
- 基于JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計時功能(無視頁面刷新，頁面關(guān)閉不進(jìn)行倒計時功能)
- JavaScript實(shí)現(xiàn)刷新不重記的倒計時
- js實(shí)現(xiàn)網(wǎng)頁自動刷新可制作節(jié)日倒計時效果
- JS 倒計時實(shí)現(xiàn)代碼(時、分，秒)
- 簡單易用的倒計時js代碼
- js幾秒以后倒計時跳轉(zhuǎn)示例
- js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計時
- js防刷新的倒計時代碼 js倒計時代碼
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了抖音上用記事本編寫"愛心"小程序教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了JavaScript中自定義事件用法,較為詳細(xì)的分析了自定義事件的原理與具體用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
《JavaScript高級編程》學(xué)習(xí)筆記之object和array引用類型
本文給大家分享我的javascript高級編程學(xué)習(xí)筆記之object和array引用類型，涉及到j(luò)avascript引用類型相關(guān)知識，對javascript引用類型感興趣的朋友可以參考下本文2015-11-11
客戶端限制只能上傳jpg格式圖片的js代碼,對用戶體驗(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
這篇文章主要為大家詳細(xì)介紹了使用JS實(shí)現(xiàn)動態(tài)時鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要分享一段了Google Maps API地圖應(yīng)用示例，做項目中經(jīng)常會使用到，非常的簡單，有需要的朋友可以參考下2014-10-10
關(guān)于JavaScript作用域你想知道的一切，本文全部告訴大家，幫助大家全面的了解JavaScript作用域，感興趣的小伙伴們可以參考一下2016-02-02