js實(shí)現(xiàn)倒計(jì)時(shí)(距離結(jié)束還有)示例代碼
更新時(shí)間:2013年07月24日 17:50:13 作者:
本文與大家分享個(gè)js實(shí)現(xiàn)倒計(jì)時(shí)的代碼,主要實(shí)現(xiàn)功能距離結(jié)束還有多少時(shí)間,感興趣的朋友可以參考下,希望對(duì)大家學(xué)習(xí)js有所幫助
復(fù)制代碼 代碼如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime = 60*60;//60*60 //一個(gè)小時(shí),按秒計(jì)算,自己調(diào)整!
function CountDown(){
if(maxtime>=0){
//minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
//msg = "距離結(jié)束還有"+minutes+"分"+seconds+"秒";
msg = "距離結(jié)束還有"+seconds+"秒";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60){
alert('注意,還有5分鐘!');
}
--maxtime;
}else{
clearInterval(timer);
//alert("時(shí)間到,結(jié)束!");
maxtime=60*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
<div id="timer" style="color:red"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime = 5*60;//60*60 //一個(gè)小時(shí),按秒計(jì)算,自己調(diào)整!
var timer;
function CountDown(){
if(maxtime>=0){
var minutes = Math.floor(maxtime/60);
var seconds = Math.floor(maxtime%60);
var msg = "距離刷新還有"+minutes+"分"+seconds+"秒";
$('#timer').html(msg);
//document.all["timer"].innerHTML=msg;
--maxtime;
}else{
clearInterval(timer);
//一下兩個(gè)方法是倒計(jì)時(shí)結(jié)束后調(diào)用的方法
searchTaskList();
myajax();
//設(shè)置下一次的倒計(jì)時(shí)
maxtime=5*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
<div id="timer" style="display:inline;color:red"></div>
您可能感興趣的文章:
- Javascript倒計(jì)時(shí)代碼
- Javascript 倒計(jì)時(shí)源代碼.(時(shí).分.秒) 詳細(xì)注釋版
- javascript 實(shí)現(xiàn) 秒殺,團(tuán)購(gòu) 倒計(jì)時(shí)展示的記錄 分享
- Javascript倒計(jì)時(shí)頁(yè)面跳轉(zhuǎn)實(shí)例小結(jié)
- js網(wǎng)頁(yè)實(shí)時(shí)倒計(jì)時(shí)精確到秒級(jí)
- js實(shí)現(xiàn)網(wǎng)頁(yè)倒計(jì)時(shí)、網(wǎng)站已運(yùn)行時(shí)間功能的代碼3例
- 簡(jiǎn)單易用的倒計(jì)時(shí)js代碼
- js實(shí)現(xiàn)發(fā)送驗(yàn)證碼后的倒計(jì)時(shí)功能
- Javascript實(shí)現(xiàn)商品秒殺倒計(jì)時(shí)(時(shí)間與服務(wù)器時(shí)間同步)
- javascript時(shí)間排序算法實(shí)現(xiàn)活動(dòng)秒殺倒計(jì)時(shí)效果
相關(guān)文章
iframe的onreadystatechange事件在firefox下的使用
firefox不支持iframe的onreadystatechange事件,不過(guò)有個(gè)方法可以實(shí)現(xiàn)同等的效果,需要的朋友可以參考下2014-04-04
mqtt.js?無(wú)法連接/錯(cuò)誤提示?WebSocket?connection?to?‘ws://xxxxx‘?
這篇文章主要介紹了mqtt.js?無(wú)法連接/錯(cuò)誤提示?WebSocket?connection?to?‘ws://xxxxx‘?failed:,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-01-01
js+CSS簡(jiǎn)單實(shí)現(xiàn)瀑布流布局
瀑布流布局,是一種視覺(jué)表現(xiàn)為參差不齊的多欄布局,常用于內(nèi)容以圖片為主的頁(yè)面展示,本文將使用css和js兩種方式來(lái)實(shí)現(xiàn)瀑布流布局,需要的可以參考下2023-11-11
js自定義鼠標(biāo)右鍵的實(shí)現(xiàn)原理及源碼
這篇文章主要介紹了js自定義鼠標(biāo)右鍵的實(shí)現(xiàn)原理及源碼,需要的朋友可以參考下2014-06-06
js判斷undefined變量類(lèi)型使用typeof
js判斷undefined變量類(lèi)型使用typeof可以輕松實(shí)現(xiàn),不了解的朋友可以參考下哈,希望對(duì)你有所幫助2013-06-06

