快捷導(dǎo)航

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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>在頁(yè)面中顯示距離2017年中秋節(jié)的天數(shù)</title>
  <script type="text/javascript">
    function countdown(title,Intime,divId) {
      var online=new Date(Intime); //根據(jù)參數(shù)定義時(shí)間對(duì)象
      var now=new Date();   //定義當(dāng)前系統(tǒng)時(shí)間
      var leave=online.getTime()-now.getTime(); //計(jì)算時(shí)間差
      var day=Math.floor(leave/(1000*60*60*24))+1;
      if (day>1){
          divId.innerHTML="<b>----距離"+title+"還有"+day+"天！<br/>" ; //頁(yè)面顯示信息
      }else{
        if (day==1){
            divId.innerHTML="<b>----明天就是"+title+"啦！<br/>" ; //頁(yè)面顯示信息
        }else{
          if (day==0) {
            divId.innerHTML = "<b>----今天就是" + title + "呀！<br/>"; //頁(yè)面顯示信息
          }else{
              divId.innerHTML="<b>----哎呀!"+title+"已經(jīng)過(guò)了！<br/>" ; //頁(yè)面顯示信息
            }
          }
        }
    }
  </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實(shí)現(xiàn)在頁(yè)面中顯示距離2017年中秋節(jié)的天數(shù)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

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