欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實現(xiàn)倒計時(距離結(jié)束還有)示例代碼

 更新時間:2013年07月24日 17:50:13   作者:  
本文與大家分享個js實現(xiàn)倒計時的代碼,主要實現(xiàn)功能距離結(jié)束還有多少時間,感興趣的朋友可以參考下,希望對大家學(xué)習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>

相關(guān)文章

  • JavaScript仿windows計算器功能

    JavaScript仿windows計算器功能

    這篇文章主要為大家詳細介紹了JavaScript仿windows計算器功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 一步步教會你微信小程序的登錄鑒權(quán)

    一步步教會你微信小程序的登錄鑒權(quán)

    登錄功能是許多小程序必備的一個功能,通過登錄系統(tǒng),我們可以記錄用戶在我們的小程序里一些行為,在后臺我們也可以模糊地確認用戶。下面這篇文章主要給大家介紹了關(guān)于小程序登錄鑒權(quán)的相關(guān)資料,需要的朋友可以參考下。
    2018-04-04
  • 每天一篇javascript學(xué)習小結(jié)(Function對象)

    每天一篇javascript學(xué)習小結(jié)(Function對象)

    這篇文章主要介紹了javascript中的Function對象知識點,對Function對象的基本使用方法,以及各種方法進行整理,感興趣的小伙伴們可以參考一下
    2015-11-11
  • JavaScript實現(xiàn)留言板案例

    JavaScript實現(xiàn)留言板案例

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)留言板案例,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • js 判斷字符串中是否包含某個字符串的實現(xiàn)代碼

    js 判斷字符串中是否包含某個字符串的實現(xiàn)代碼

    工作中經(jīng)常會使用到判斷一個字符串是否包含某一個字符串,因此總結(jié)一下幾個方法,需要的朋友可以參考下
    2023-03-03
  • 微信小程序云開發(fā)之使用云存儲

    微信小程序云開發(fā)之使用云存儲

    這篇文章主要為大家詳細介紹了微信小程序云開發(fā)之使用云存儲,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-05-05
  • 原生JS實現(xiàn)的碰撞檢測功能示例

    原生JS實現(xiàn)的碰撞檢測功能示例

    這篇文章主要介紹了原生JS實現(xiàn)的碰撞檢測功能,涉及javascript鼠標事件響應(yīng)及頁面圖形坐標位置運算、檢測相關(guān)操作技巧,需要的朋友可以參考下
    2018-05-05
  • 小程序列表懶加載的實現(xiàn)方式

    小程序列表懶加載的實現(xiàn)方式

    懶加載,前端人都知道的一種性能優(yōu)化方式,簡單的來說,只有當圖片出現(xiàn)在瀏覽器的可視區(qū)域內(nèi)時,才設(shè)置圖片正真的路徑,讓圖片顯示出來,這篇文章主要給大家介紹了關(guān)于小程序列表懶加載的實現(xiàn)方式,需要的朋友可以參考下
    2022-04-04
  • 詳談js遍歷集合(Array,Map,Set)

    詳談js遍歷集合(Array,Map,Set)

    下面小編就為大家?guī)硪黄斦刯s遍歷集合(Array,Map,Set)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04
  • 深入認識javascript中的eval函數(shù)

    深入認識javascript中的eval函數(shù)

    發(fā)現(xiàn)為本文起一個合適的標題還不是那么容易,呵呵,所以在此先說明下本文的兩個目的.
    2009-11-11

最新評論