使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù)

更新時間：2017年09月26日 09:22:48 作者：pangqiandou

這篇文章主要介紹了使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù)的相關資料,需要的朋友可以參考下

廢話不多說了，具體代碼如下所示：

<!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>

總結

以上所述是小編給大家介紹的使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

實現(xiàn)div內(nèi)部滾動條滾動到底部和頂部的代碼
下面筆者就為大家分享一篇實現(xiàn)div內(nèi)部滾動條滾動到底部和頂部的代碼，代碼簡潔，具有很好的參考價值，希望對大家有所幫助
2017-11-11
用js讀寫cookie的簡單方法(推薦)
下面小編就為大家?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解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-12-12
關于javascript原型的修改與重寫(覆蓋)差別詳解
下面小編就為大家?guī)硪黄P于javascript原型的修改與重寫(覆蓋)差別詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
js實現(xiàn)網(wǎng)頁圖片輪換播放
這篇文章主要為大家詳細介紹了js實現(xiàn)網(wǎng)頁圖片輪換播放，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
JavaScript在IE和Firefox瀏覽器下的7個差異兼容寫法小結
盡管那需要用長串的、沉悶的不同分支代碼來應付不同瀏覽器的日子已經(jīng)過去，偶爾還是有必要做一些簡單的區(qū)分和目標檢測來確保某塊代碼能在用戶的機器上正常運行。
2010-06-06
提升JS編程效率的19個實用技巧分享
在實際工作中,開發(fā)者常面臨一些需巧妙編程解決的挑戰(zhàn),有時幾行代碼就能迎刃而解,本文整理了一系列實用代碼片段,助您輕松處理URL、DOM操作、事件處理等常見問題,希望對大家有所幫助
2023-11-11
JS實現(xiàn)數(shù)組扁平化的方法總結
數(shù)組扁平化相信不少朋友在一些面試中被問到過,這在我們?nèi)粘＞幊讨幸彩且粋€常規(guī)操作,它需要我們將一個多維數(shù)組轉(zhuǎn)化成一個一維數(shù)組,所以,借著這篇文章,我們今天就一起來匯總一下幾種數(shù)組扁平化的方式,需要的朋友可以參考下
2024-02-02
JS閉包經(jīng)典實例詳解
這篇文章主要介紹了JS閉包,結合一個經(jīng)典實例較為詳細的分析了javascript閉包的原理及使用方法,需要的朋友可以參考下
2018-12-12