這款時(shí)世界末日倒計(jì)時(shí)源代碼，程序上有JS控制器，是用于網(wǎng)頁(yè)中顯示的倒計(jì)時(shí)器，自己可以設(shè)定世界末日的開(kāi)始時(shí)間，網(wǎng)頁(yè)倒計(jì)時(shí)世界末日源代碼直接復(fù)制就可以用，無(wú)需下載，直接便可使用

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

復(fù)制代碼代碼如下:

 
<div id="container">離"世界末日"還有 <span id="downtime" style="color:red"></span></div> 
<script> 
function downTime(){ 
var timeout = window.setTimeout(downTime, 100); 
var endTime=new Date("12-21-2012 0:0:0");//改成你的計(jì)時(shí)日期 
var today=new Date(); 
var timeold=(endTime.getTime()-today.getTime()); 
if(timeold <= 100){ 
window.clearTimeout(timeout); 
document.getElementByIdx_x("container").innerHTML = "原來(lái)沒(méi)事啊，虛驚一場(chǎng)！"; 
return; 
} 
var sectimeold=timeold/1000; 
var secondsold=Math.floor(sectimeold); 
var msPerDay=24*60*60*1000; 
var e_daysold=timeold/msPerDay; 
var daysold=Math.floor(e_daysold); 
var e_hrsold=(e_daysold-daysold)*24; 
var hrsold=Math.floor(e_hrsold); 
var e_minsold=(e_hrsold-hrsold)*60; 
var minsold=Math.floor((e_hrsold-hrsold)*60); 
var e_seconds=(e_minsold-minsold)*60; 
var seconds=Math.floor((e_minsold-minsold)*60); 
var decimals = Math.floor((e_seconds-seconds)*10); 
document.getElementByIdx_x("downtime").innerHTML=daysold+"天"+hrsold+"小時(shí)"+minsold+"分"+seconds+"."+decimals+"秒" ; 
} 
downTime(); 
</script> 

您可能感興趣的文章:

相關(guān)文章

淺談如何優(yōu)雅處理JavaScript異步錯(cuò)誤
這篇文章主要介紹了淺談如何優(yōu)雅處理JavaScript異步錯(cuò)誤，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
js常用排序?qū)崿F(xiàn)代碼
js常用排序，整理了，常用的數(shù)組互換。
2010-12-12
JavaScript實(shí)現(xiàn)彈性導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)彈性導(dǎo)航效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
JS命令模式例子之菜單程序
這篇文章主要為大家詳細(xì)介紹了JS命令模式例子之菜單程序,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
javascript內(nèi)置對(duì)象操作詳解
這篇文章主要介紹了javascript內(nèi)置對(duì)象操作詳解,需要的朋友可以參考下
2015-02-02
ECharts多圖表聯(lián)動(dòng)功能的實(shí)現(xiàn)過(guò)程
echarts是非常好用的圖表插件,下面這篇文章主要給大家介紹了關(guān)于ECharts多圖表聯(lián)動(dòng)功能的相關(guān)資料,需要的朋友可以參考下
2021-06-06
js+xml生成級(jí)聯(lián)下拉框代碼
js+xml生成級(jí)聯(lián)下拉框代碼，需要的朋友可以參考下
2012-07-07
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學(xué)
這篇文章主要介紹了JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學(xué)習(xí)筆記，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
JS如何調(diào)用WebAssembly編譯出來(lái)的.wasm文件
這篇文章主要介紹了關(guān)于WebAssembly編譯出來(lái)的.wasm文件js如何調(diào)用,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-11-11
JavaScript中的幾種繼承方法示例
這篇文章主要給大家介紹了關(guān)于JavaScript中的幾種繼承方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12