Heim > Web-Frontend > js-Tutorial > Auf der JavaScript-Implementierungsseite wird die Anzahl der Tage bis zum Mittherbstfest 2018 angezeigt

Auf der JavaScript-Implementierungsseite wird die Anzahl der Tage bis zum Mittherbstfest 2018 angezeigt

小云云
Freigeben: 2018-02-01 09:54:02
Original
1339 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung von JavaScript vorgestellt, um die Anzahl der Tage bis zum Mittherbstfest 2018 auf der Seite anzuzeigen. Sie können Ihre eigenen Funktionen gemäß den folgenden Codeideen implementieren . Ich hoffe, es kann allen helfen.

Kein Unsinn mehr, der spezifische Code lautet wie folgt:


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>在页面中显示距离2018年中秋节的天数</title>
  <script type="text/javascript">
    function countdown(title,Intime,pId) {
      var online=new Date(Intime); //根据参数定义时间对象
      var now=new Date();   //定义当前系统时间
      var leave=online.getTime()-now.getTime(); //计算时间差
      var day=Math.floor(leave/(1000*60*60*24))+1;
      if (day>1){
          pId.innerHTML="<b>----距离"+title+"还有"+day+"天!<br/>" ; //页面显示信息
      }else{
        if (day==1){
            pId.innerHTML="<b>----明天就是"+title+"啦!<br/>" ; //页面显示信息
        }else{
          if (day==0) {
            pId.innerHTML = "<b>----今天就是" + title + "呀!<br/>"; //页面显示信息
          }else{
              pId.innerHTML="<b>----哎呀!"+title+"已经过了!<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">
              <p id="countDown">
                <b>---</b></p>
                <script type="text/javascript">
                  countdown("2018年中秋节","10/4/2018",countDown); //调用JavaScript函数
                </script>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>
Nach dem Login kopieren

Verwandte Empfehlungen:

PHP berechnet die Anzahl der Tage zwischen Datumsangaben

JavaScript verwendet setInterval, um den Tages-Countdown und die Ortszeit zu implementieren

Was Sie darüber wissen müssen JS, um den Datumsunterschied zu ermitteln. So zählen Sie Tage


Das obige ist der detaillierte Inhalt vonAuf der JavaScript-Implementierungsseite wird die Anzahl der Tage bis zum Mittherbstfest 2018 angezeigt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage