基于JS實(shí)現(xiàn)的倒計(jì)時(shí)程序?qū)嵗?/h1>
更新時(shí)間:2015年07月24日 12:30:16 作者:罪惡的花生
這篇文章主要介紹了基于JS實(shí)現(xiàn)的倒計(jì)時(shí)程序,實(shí)例分析了javascript實(shí)現(xiàn)倒計(jì)時(shí)計(jì)數(shù)的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
本文實(shí)例講述了基于JS實(shí)現(xiàn)的倒計(jì)時(shí)程序。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
剩余時(shí)間:<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)+"時(shí) ";
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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
-
學(xué)習(xí)Javascript閉包(Closure)知識(shí)
這篇文章主要介紹了學(xué)習(xí)Javascript閉包(Closure)知識(shí)的相關(guān)資料,需要的朋友可以參考下 2016-08-08
-
ES6中數(shù)組array新增方法實(shí)例總結(jié)
這篇文章主要介紹了ES6中數(shù)組array新增方法,結(jié)合實(shí)例形式總結(jié)分析了ES6中數(shù)組array各種新增方法的功能及使用技巧,需要的朋友可以參考下 2017-11-11
-
微信JS-SDK實(shí)現(xiàn)微信會(huì)員卡功能(給用戶微信卡包里發(fā)送會(huì)員卡)
這篇文章主要介紹了微信JS-SDK實(shí)現(xiàn)微信會(huì)員卡功能(給用戶微信卡包里發(fā)送會(huì)員卡),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧 2019-07-07
-
w3c聲明下可運(yùn)行 兼容性比較好的js對(duì)聯(lián)廣告集合
最近有美工朋友找我們要兼容性比較好的對(duì)聯(lián)廣告代碼,我們給他一個(gè)他竟然不能運(yùn)行,經(jīng)過排查,這是因?yàn)楝F(xiàn)在的廣告也用了一樣代碼,函數(shù)命名重復(fù)。 2011-07-07
-
JavaScript實(shí)現(xiàn)加密與解密詳解
這篇文章介紹了JavaScript實(shí)現(xiàn)加密與解密詳解的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下 2022-06-06
-
javascript判斷機(jī)器是否聯(lián)網(wǎng)的2種方法
只有機(jī)器已經(jīng)聯(lián)網(wǎng)以后,web應(yīng)用才能啟動(dòng),下面使用javascript判斷機(jī)器是否聯(lián)網(wǎng),具體判斷代碼如下,有此需求的朋友可以參考下 2013-08-08
-
使用typescript+webpack構(gòu)建一個(gè)js庫的示例詳解
這篇文章主要介紹了typescript+webpack構(gòu)建一個(gè)js庫,本文主要記錄使用typescript配合webpack打包一個(gè)javascript library的配置過程,需要的朋友可以參考下 2022-07-07
最新評(píng)論
本文實(shí)例講述了基于JS實(shí)現(xiàn)的倒計(jì)時(shí)程序。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
剩余時(shí)間:<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)+"時(shí) ";
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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
學(xué)習(xí)Javascript閉包(Closure)知識(shí)
這篇文章主要介紹了學(xué)習(xí)Javascript閉包(Closure)知識(shí)的相關(guān)資料,需要的朋友可以參考下2016-08-08
ES6中數(shù)組array新增方法實(shí)例總結(jié)
這篇文章主要介紹了ES6中數(shù)組array新增方法,結(jié)合實(shí)例形式總結(jié)分析了ES6中數(shù)組array各種新增方法的功能及使用技巧,需要的朋友可以參考下2017-11-11
微信JS-SDK實(shí)現(xiàn)微信會(huì)員卡功能(給用戶微信卡包里發(fā)送會(huì)員卡)
這篇文章主要介紹了微信JS-SDK實(shí)現(xiàn)微信會(huì)員卡功能(給用戶微信卡包里發(fā)送會(huì)員卡),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
w3c聲明下可運(yùn)行 兼容性比較好的js對(duì)聯(lián)廣告集合
最近有美工朋友找我們要兼容性比較好的對(duì)聯(lián)廣告代碼,我們給他一個(gè)他竟然不能運(yùn)行,經(jīng)過排查,這是因?yàn)楝F(xiàn)在的廣告也用了一樣代碼,函數(shù)命名重復(fù)。2011-07-07
JavaScript實(shí)現(xiàn)加密與解密詳解
這篇文章介紹了JavaScript實(shí)現(xiàn)加密與解密詳解的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06
javascript判斷機(jī)器是否聯(lián)網(wǎng)的2種方法
只有機(jī)器已經(jīng)聯(lián)網(wǎng)以后,web應(yīng)用才能啟動(dòng),下面使用javascript判斷機(jī)器是否聯(lián)網(wǎng),具體判斷代碼如下,有此需求的朋友可以參考下2013-08-08
使用typescript+webpack構(gòu)建一個(gè)js庫的示例詳解
這篇文章主要介紹了typescript+webpack構(gòu)建一個(gè)js庫,本文主要記錄使用typescript配合webpack打包一個(gè)javascript library的配置過程,需要的朋友可以參考下2022-07-07

