Javascript實現(xiàn)倒計時(防頁面刷新)實例
話不多說,請看實例代碼
<!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í)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
js中的觸發(fā)事件對象event.srcElement與event.target詳解
這篇文章主要給大家介紹了js中的觸發(fā)事件對象event.srcElement與event.target的相關(guān)資料,文中介紹的非常詳細(xì),對大家具有一定的參考價值,需要的朋友們下面來一起看看吧。2017-03-03
js根據(jù)給定的日期計算當(dāng)月有多少天實現(xiàn)思路及代碼
根據(jù)給定的日期計算當(dāng)月有多少天,想必這樣的功能大家都想實現(xiàn)吧,所以本文的出現(xiàn)相當(dāng)有必要,接下來看下實現(xiàn)代碼,感興趣的朋友可以了解下,希望對你有所幫助2013-02-02
javascript Three.js創(chuàng)建文字初體驗
這篇文章主要為大家介紹了Three.js創(chuàng)建文字初體驗,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-11-11
微信JS-SDK實現(xiàn)微信會員卡功能(給用戶微信卡包里發(fā)送會員卡)
這篇文章主要介紹了微信JS-SDK實現(xiàn)微信會員卡功能(給用戶微信卡包里發(fā)送會員卡),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
JavaScript動態(tài)添加css樣式和script標(biāo)簽
這篇文章主要介紹了JavaScript動態(tài)添加css樣式和script標(biāo)簽的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07
學(xué)習(xí)掌握J(rèn)avaScript中this的使用技巧
這篇文章主要幫助大家學(xué)習(xí)并熟練掌握J(rèn)avaScript中this的使用技巧,感興趣的小伙伴們可以參考一下2016-08-08

