js實現(xiàn)倒計時(距離結(jié)束還有)示例代碼
更新時間:2013年07月24日 17:50:13 作者:
本文與大家分享個js實現(xiàn)倒計時的代碼,主要實現(xiàn)功能距離結(jié)束還有多少時間,感興趣的朋友可以參考下,希望對大家學(xué)習(xí)js有所幫助
復(fù)制代碼 代碼如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime = 60*60;//60*60 //一個小時,按秒計算,自己調(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("時間到,結(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 //一個小時,按秒計算,自己調(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);
//一下兩個方法是倒計時結(jié)束后調(diào)用的方法
searchTaskList();
myajax();
//設(shè)置下一次的倒計時
maxtime=5*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
<div id="timer" style="display:inline;color:red"></div>
您可能感興趣的文章:
- Javascript倒計時代碼
- Javascript 倒計時源代碼.(時.分.秒) 詳細(xì)注釋版
- javascript 實現(xiàn) 秒殺,團(tuán)購 倒計時展示的記錄 分享
- Javascript倒計時頁面跳轉(zhuǎn)實例小結(jié)
- js網(wǎng)頁實時倒計時精確到秒級
- js實現(xiàn)網(wǎng)頁倒計時、網(wǎng)站已運行時間功能的代碼3例
- 簡單易用的倒計時js代碼
- js實現(xiàn)發(fā)送驗證碼后的倒計時功能
- Javascript實現(xiàn)商品秒殺倒計時(時間與服務(wù)器時間同步)
- javascript時間排序算法實現(xiàn)活動秒殺倒計時效果
相關(guān)文章
iframe的onreadystatechange事件在firefox下的使用
firefox不支持iframe的onreadystatechange事件,不過有個方法可以實現(xiàn)同等的效果,需要的朋友可以參考下2014-04-04
mqtt.js?無法連接/錯誤提示?WebSocket?connection?to?‘ws://xxxxx‘?
這篇文章主要介紹了mqtt.js?無法連接/錯誤提示?WebSocket?connection?to?‘ws://xxxxx‘?failed:,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-01-01

