Die JavaScript-Seite zeigt den aktuellen Instanzcode in Echtzeit an-js-Tutorial-php.cn

Die JavaScript-Seite zeigt den aktuellen Instanzcode in Echtzeit an

高洛峰

Freigeben： 2016-12-09 13:10:55

Original

1061 Leute haben es durchsucht

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>

Nach dem Login kopieren