廢話不多說了,具體代碼如下所示:
<!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ù),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!
新聞熱點
疑難解答