基于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檢測彈出窗口是否已經(jīng)關(guān)閉的方法
這篇文章主要介紹了JavaScript檢測彈出窗口是否已經(jīng)關(guān)閉的方法,涉及javascript中window屬性的closed屬性的使用技巧,需要的朋友可以參考下 2015-03-03
-
基于webpack-hot-middleware熱加載相關(guān)錯誤的解決方法
下面小編就為大家分享一篇基于webpack-hot-middleware熱加載相關(guān)錯誤的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧 2018-02-02
-
JavaScript 關(guān)于元素獲取焦點(隱藏元素與div)
關(guān)于元素獲取焦點要注意2個小問題,需要的朋友可以參考下。 2011-01-01
-
100多個基礎(chǔ)常用JS函數(shù)和語法集合大全
本文將介紹100多個基礎(chǔ)常用JS函數(shù)和語法,具有很好的參考價值,下面跟著小編一起來看下吧 2017-02-02
-
window.print()打印html網(wǎng)頁的兩種方法實現(xiàn)
本文主要介紹了window.print()打印html網(wǎng)頁的兩種方法實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧 2022-06-06
最新評論
本文實例講述了基于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檢測彈出窗口是否已經(jīng)關(guān)閉的方法
這篇文章主要介紹了JavaScript檢測彈出窗口是否已經(jīng)關(guān)閉的方法,涉及javascript中window屬性的closed屬性的使用技巧,需要的朋友可以參考下2015-03-03基于webpack-hot-middleware熱加載相關(guān)錯誤的解決方法
下面小編就為大家分享一篇基于webpack-hot-middleware熱加載相關(guān)錯誤的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02JavaScript 關(guān)于元素獲取焦點(隱藏元素與div)
關(guān)于元素獲取焦點要注意2個小問題,需要的朋友可以參考下。2011-01-01100多個基礎(chǔ)常用JS函數(shù)和語法集合大全
本文將介紹100多個基礎(chǔ)常用JS函數(shù)和語法,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02window.print()打印html網(wǎng)頁的兩種方法實現(xiàn)
本文主要介紹了window.print()打印html網(wǎng)頁的兩種方法實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06