當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼實現(xiàn)倒計時顯示

JS代碼實現(xiàn)倒計時顯示

2012/11/5 12:37:08作者:佚名來源:網(wǎng)絡(luò)

移動端

【實例名稱】

JS代碼實現(xiàn)倒計時顯示

【實例描述】

隨著奧運會的臨近,很多網(wǎng)站都顯示了奧運倒計時的時間。本例就來學(xué)習(xí)如何計算當(dāng)前時間與持定時間之間的距離。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>標(biāo)題頁-學(xué)無憂(denvermotorcycleaccidentlawyer.com)</title> <script language="JavaScript"> var deadline= new Date("08/08/2012"); var symbol="2012年8月8日"; var now = new Date(); var leave =deadline.getTime() - now.getTime(); var day = Math.floor(leave / (1000 * 60 * 60 * 24)); if (day > 0)    document.write("今天離"+ symbol+"還有"+day +"天") else if (day == 0)      document.write("只剩最后一天") else     document.write("已經(jīng)超過了所定時間"); </script> </head> <body> </body> </html>

【運行效果】

 倒計時顯示運行效果

【難點剖析】

本例的重點是如何計算兩個日期的間隔?!癵etTime”方法返回一個整數(shù)值,此值代表了從1970年1月1日開始到指定日期之間時間間隔的毫秒數(shù)。本例用其計算出毫秒數(shù)后,除以“1000*60*60*24”后取整就得到了間隔天數(shù)。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點擊:倒計時顯示 進(jìn)行本實例源碼下載 

標(biāo)簽: JS代碼  時間  顯示