使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù)
更新時間：2017年09月26日 09:22:48 作者：pangqiandou
這篇文章主要介紹了 使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù)的相關(guān)資料,需要的朋友可以參考下
廢話不多說了，具體代碼如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在頁面中顯示距離2017年中秋節(jié)的天數(shù)</title>
<script type="text/javascript">
function countdown(title,Intime,divId) {
var online=new Date(Intime); //根據(jù)參數(shù)定義時間對象
var now=new Date(); //定義當前系統(tǒng)時間
var leave=online.getTime()-now.getTime(); //計算時間差
var day=Math.floor(leave/(1000*60*60*24))+1;
if (day>1){
divId.innerHTML="<b>----距離"+title+"還有"+day+"天！<br/>" ; //頁面顯示信息
}else{
if (day==1){
divId.innerHTML="<b>----明天就是"+title+"啦！<br/>" ; //頁面顯示信息
}else{
if (day==0) {
divId.innerHTML = "<b>----今天就是" + title + "呀！<br/>"; //頁面顯示信息
}else{
divId.innerHTML="<b>----哎呀!"+title+"已經(jīng)過了！<br/>" ; //頁面顯示信息
}
}
}
}
</script>
</head>
<body>
<table width="350" height="450" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom">
<table width="346" height="418" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="76"></td>
<td width="270">
<div id="countDown">
<b>---</b></div>
<script type="text/javascript">
countdown("2017年中秋節(jié)","10/4/2017",countDown); //調(diào)用JavaScript函數(shù)
</script>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
總結(jié)
以上所述是小編給大家介紹的 使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
實現(xiàn)div內(nèi)部滾動條滾動到底部和頂部的代碼
下面筆者就為大家分享一篇實現(xiàn)div內(nèi)部滾動條滾動到底部和頂部的代碼，代碼簡潔，具有很好的參考價值，希望對大家有所幫助2017-11-11
下面小編就為大家?guī)硪黄胘s讀寫cookie的簡單方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
理解Javascript_07_理解instanceof實現(xiàn)原理
在《Javascript類型檢測》一文中講到了用instanceof來用做檢測類型，讓我們來回顧一下2010-10-10
javascript數(shù)組元素刪除方法delete和splice解析
這篇文章主要介紹了javascaipt數(shù)組元素刪除方法delete和splice解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12
關(guān)于javascript原型的修改與重寫(覆蓋)差別詳解
下面小編就為大家?guī)硪黄P(guān)于javascript原型的修改與重寫(覆蓋)差別詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)網(wǎng)頁圖片輪換播放，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript在IE和Firefox瀏覽器下的7個差異兼容寫法小結(jié)
盡管那需要用長串的、沉悶的不同分支代碼來應(yīng)付不同瀏覽器的日子已經(jīng)過去，偶爾還是有必要做一些簡單的區(qū)分和目標檢測來確保某塊代碼能在用戶的機器上正常運行。2010-06-06
在實際工作中,開發(fā)者常面臨一些需巧妙編程解決的挑戰(zhàn),有時幾行代碼就能迎刃而解,本文整理了一系列實用代碼片段,助您輕松處理URL、DOM操作、事件處理等常見問題,希望對大家有所幫助2023-11-11
JS實現(xiàn)數(shù)組扁平化的方法總結(jié)
數(shù)組扁平化相信不少朋友在一些面試中被問到過,這在我們?nèi)粘＞幊讨幸彩且粋€常規(guī)操作,它需要我們將一個多維數(shù)組轉(zhuǎn)化成一個一維數(shù)組,所以,借著這篇文章,我們今天就一起來匯總一下幾種數(shù)組扁平化的方式,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了JS閉包,結(jié)合一個經(jīng)典實例較為詳細的分析了javascript閉包的原理及使用方法,需要的朋友可以參考下2018-12-12