집 > 기사 > 웹 프론트엔드 > JavaScript 페이지는 현재 시간 인스턴스 코드를 실시간으로 표시합니다.

JavaScript 페이지는 현재 시간 인스턴스 코드를 실시간으로 표시합니다.

高洛峰원래의: 2016-12-09 13:10:55979검색

머리말

이번에 다시 관련 내용을 꼼꼼히 읽어보았고, 이제 주의할 점을 다음과 같이 정리합니다.

1. getDay()를 통해 얻은 주 번호는 다음과 같습니다. 0 처음에는 0이 일요일을 의미하고 1부터 6까지는 월요일부터 토요일까지를 의미합니다.

2. 날짜를 얻으려면 getDay() 대신 getDate()를 사용해야 합니다. 습관적으로 날짜는 getDay()를 사용한다고 생각할 수 있지만 실제로는 주 수를 가져오는 데 getDay()를 사용합니다.

3. getMonth()는 0부터 계산되므로 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>

성명：

이전 기사：Javascript는 간단한 계산기 예제 코드를 구현합니다.다음 기사：Javascript는 간단한 계산기 예제 코드를 구현합니다.

JavaScript 페이지는 현재 시간 인스턴스 코드를 실시간으로 표시합니다.

관련 기사