検索

ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript ページには現在のインスタンス コードがリアルタイムで表示されます

JavaScript ページには現在のインスタンス コードがリアルタイムで表示されます

高洛峰
高洛峰オリジナル
2016-12-09 13:10:55989ブラウズ

はじめに

今回、改めて関連内容を読み直し、注意すべき点を以下にまとめます。

1 getDay()で取得する週数は0から始まり、0は日曜日を意味します。 1 ～ 6 から始まるということは、月曜日から土曜日までを意味します

2. 日付を取得するには、getDay() の代わりに getDate() を使用する必要があります。 getDay() を使用することもできますが、実際には getDay() を使用して週数を取得します。

3. getMonth() で月を取得するため、1 を加算する必要があります。

コード例は次のとおりです: 

<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>


声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：Javascript は単純な計算機のサンプル コードを実装します。次の記事：Javascript は単純な計算機のサンプル コードを実装します。

関連記事

続きを見る