基于JS實現(xiàn)的倒計時程序?qū)嵗?/h1>
更新時間：2015年07月24日 12:30:16 作者：罪惡的花生
這篇文章主要介紹了基于JS實現(xiàn)的倒計時程序,實例分析了javascript實現(xiàn)倒計時計數(shù)的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下
本文實例講述了基于JS實現(xiàn)的倒計時程序。分享給大家供大家參考。具體實現(xiàn)方法如下：
剩余時間：<i id="expireTime"></i>
<script type="text/javascript">
var expire = 2412169;
var expireTime = function(expires){
if(expires > 0){
var second = expires;
}else{
var second = "0 分";
return second;
}
var day = hour = min = "";
if(second>86400){
day = Math.floor(second/86400)+"天 ";
second = second%86400;
}
if(second>3600){
hour = Math.floor(second/3600)+"時 ";
second = second%3600;
}
if(second>60){
min = Math.floor(second/60)+"分 ";
second = second%60;
}
second = second+"秒";
return day+hour+min+second;
}
var timeEle = document.getElementById("expireTime");
var timer = window.setInterval(function(){
timeEle.innerHTML = expireTime(expire--);
if(expire<0){
clearInterval(timer);
}
},1000);
</script>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
-
這篇文章主要介紹了學習Javascript閉包（Closure）知識的相關(guān)資料,需要的朋友可以參考下 2016-08-08
-
這篇文章主要介紹了ES6中數(shù)組array新增方法,結(jié)合實例形式總結(jié)分析了ES6中數(shù)組array各種新增方法的功能及使用技巧,需要的朋友可以參考下 2017-11-11
-
微信JS-SDK實現(xiàn)微信會員卡功能(給用戶微信卡包里發(fā)送會員卡)
這篇文章主要介紹了微信JS-SDK實現(xiàn)微信會員卡功能(給用戶微信卡包里發(fā)送會員卡)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧 2019-07-07
-
w3c聲明下可運行 兼容性比較好的js對聯(lián)廣告集合
最近有美工朋友找我們要兼容性比較好的對聯(lián)廣告代碼，我們給他一個他竟然不能運行，經(jīng)過排查，這是因為現(xiàn)在的廣告也用了一樣代碼，函數(shù)命名重復。 2011-07-07
-
這篇文章主要為大家詳細介紹了bootstrap suggest js下拉框的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2017-04-04
-
showModelessDialog()使用詳解... 2006-09-09
-
這篇文章介紹了JavaScript實現(xiàn)加密與解密詳解的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下 2022-06-06
-
javascript判斷機器是否聯(lián)網(wǎng)的2種方法
只有機器已經(jīng)聯(lián)網(wǎng)以后，web應(yīng)用才能啟動，下面使用javascript判斷機器是否聯(lián)網(wǎng)，具體判斷代碼如下，有此需求的朋友可以參考下 2013-08-08
-
使用typescript+webpack構(gòu)建一個js庫的示例詳解
這篇文章主要介紹了typescript+webpack構(gòu)建一個js庫,本文主要記錄使用typescript配合webpack打包一個javascript library的配置過程，需要的朋友可以參考下 2022-07-07
-
JScript中的''var''定義變量的作用域... 2007-03-03
最新評論
本文實例講述了基于JS實現(xiàn)的倒計時程序。分享給大家供大家參考。具體實現(xiàn)方法如下：
剩余時間：<i id="expireTime"></i>
<script type="text/javascript">
var expire = 2412169;
var expireTime = function(expires){
if(expires > 0){
var second = expires;
}else{
var second = "0 分";
return second;
}
var day = hour = min = "";
if(second>86400){
day = Math.floor(second/86400)+"天 ";
second = second%86400;
}
if(second>3600){
hour = Math.floor(second/3600)+"時 ";
second = second%3600;
}
if(second>60){
min = Math.floor(second/60)+"分 ";
second = second%60;
}
second = second+"秒";
return day+hour+min+second;
}
var timeEle = document.getElementById("expireTime");
var timer = window.setInterval(function(){
timeEle.innerHTML = expireTime(expire--);
if(expire<0){
clearInterval(timer);
}
},1000);
</script>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
- 這篇文章主要介紹了學習Javascript閉包（Closure）知識的相關(guān)資料,需要的朋友可以參考下2016-08-08
- 這篇文章主要介紹了ES6中數(shù)組array新增方法,結(jié)合實例形式總結(jié)分析了ES6中數(shù)組array各種新增方法的功能及使用技巧,需要的朋友可以參考下2017-11-11
-
微信JS-SDK實現(xiàn)微信會員卡功能(給用戶微信卡包里發(fā)送會員卡)
這篇文章主要介紹了微信JS-SDK實現(xiàn)微信會員卡功能(給用戶微信卡包里發(fā)送會員卡)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07 -
w3c聲明下可運行 兼容性比較好的js對聯(lián)廣告集合
最近有美工朋友找我們要兼容性比較好的對聯(lián)廣告代碼，我們給他一個他竟然不能運行，經(jīng)過排查，這是因為現(xiàn)在的廣告也用了一樣代碼，函數(shù)命名重復。2011-07-07 - 這篇文章主要為大家詳細介紹了bootstrap suggest js下拉框的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
- showModelessDialog()使用詳解...2006-09-09
- 這篇文章介紹了JavaScript實現(xiàn)加密與解密詳解的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
-
javascript判斷機器是否聯(lián)網(wǎng)的2種方法
只有機器已經(jīng)聯(lián)網(wǎng)以后，web應(yīng)用才能啟動，下面使用javascript判斷機器是否聯(lián)網(wǎng)，具體判斷代碼如下，有此需求的朋友可以參考下2013-08-08 -
使用typescript+webpack構(gòu)建一個js庫的示例詳解
這篇文章主要介紹了typescript+webpack構(gòu)建一個js庫,本文主要記錄使用typescript配合webpack打包一個javascript library的配置過程，需要的朋友可以參考下2022-07-07 - JScript中的''var''定義變量的作用域...2007-03-03