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

發(fā)布時(shí)間：2021-04-13 13:47:09 來(lái)源：億速云閱讀：101 作者：小新欄目：web開發(fā)

這篇文章主要介紹了如何使用JavaScript實(shí)現(xiàn)在頁(yè)面中顯示距離2017年中秋節(jié)的天數(shù)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

具體代碼如下所示：

<!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)過了！<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>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何使用JavaScript實(shí)現(xiàn)在頁(yè)面中顯示距離2017年中秋節(jié)的天數(shù)”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽