JS代碼實(shí)現(xiàn)倒計(jì)時(shí)顯示

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

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

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

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標(biāo)題頁-學(xué)無憂（www.wangbatian.cn）</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)超過了所定時(shí)間");
</script>
</head>
<body>
</body>
</html>

【運(yùn)行效果】

倒計(jì)時(shí)顯示運(yùn)行效果

【難點(diǎn)剖析】

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

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：倒計(jì)時(shí)顯示進(jìn)行本實(shí)例源碼下載

標(biāo)簽： JS代碼時(shí)間顯示