suchen

Heim  >  Artikel  >  Web-Frontend  >  Die JavaScript-Seite zeigt den aktuellen Instanzcode in Echtzeit an

Die JavaScript-Seite zeigt den aktuellen Instanzcode in Echtzeit an

高洛峰
高洛峰Original
2016-12-09 13:10:55979Durchsuche

Vorwort

Dieses Mal habe ich den relevanten Inhalt noch einmal sorgfältig gelesen und fasse nun die Punkte, die Aufmerksamkeit erfordern, wie folgt zusammen:

1 Die über getDay() erhaltene Wochennummer stammt von 0 Zuerst bedeutet 0 Sonntag und dann bedeutet 1 bis 6 Montag bis Samstag.

2 Um das Datum zu erhalten, müssen Sie getDate() anstelle von getDay() verwenden Normalerweise denkt man, dass das Datum für die Anzahl der Tage ist. Sie können getDay() verwenden, aber tatsächlich wird getDay() verwendet, um die Anzahl der Wochen zu ermitteln getMonth(), gezählt von 0, Sie müssen also 1 hinzufügen.

Der Beispielcode lautet wie folgt: 

<html>
<head>
  <title></title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <link rel="stylesheet" type="text/css" href="">
  <script type="text/javascript"></script>
  <style type="text/css">
    input{
      width: 200px;
    }
  </style>
</head>
<body>
  <input id="input">
  <script type="text/javascript">
    var in_1 = document.getElementById(&#39;input&#39;);
    function showTime(){
      var date = new Date();
      var week = date.getDay();
      var weekday;
      switch(week){
        case 0: weekday = &#39;星期天&#39;;break;
        case 1: weekday = &#39;星期一&#39;;break;
        case 2: weekday = &#39;星期二&#39;;break;
        case 3: weekday = &#39;星期三&#39;;break;
        case 4: weekday = &#39;星期四&#39;;break;
        case 5: weekday = &#39;星期五&#39;;break;
        case 6: weekday = &#39;星期六&#39;;break;
      }
      var year = date.getFullYear();
      var month = date.getMonth() + 1;
      var day = date.getDate();
      var hour = date.getHours();
      var minute = date.getMinutes();
      var second = date.getSeconds();
      var in_1 = document.getElementById(&#39;input&#39;);
      in_1.value = year + &#39;年&#39; + month + "月" + day + &#39;日&#39;+&#39; &#39; + weekday + &#39; &#39; + hour + &#39;:&#39; + minute + &#39;:&#39; + second;
      setTimeout(showTime,1000);
    }
    showTime();
  </script>
</body>
</html>

Stellungnahme：
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
Vorheriger Artikel：Javascript implementiert einfachen Taschenrechner-BeispielcodeNächster Artikel：Javascript implementiert einfachen Taschenrechner-Beispielcode

In Verbindung stehende Artikel

Mehr sehen