JavaScript 현재 시간 가 져 오기 및 동적 표시

우선 시간 류 를 정의 합 니 다.

var mydate = new Date();

다음은 년 월 일 분 초 를 얻 는 방법 입 니 다.

//     
var year = mydate.getFullYear();
//     ，          (0-11),       1
var month = mydate.getMonth() + 1;
//     ，       ，     (1-31)
var day = mydate.getDate();
//      ，   (0-23)
var hour = mydate.getHours();
//      ，   (0-59)
var minutes = mydate.getMinutes();
//     ，   (0-59)
var seconds = mydate.getSeconds();

분 과 초 를 두 자리 숫자 로 표시 하기 위해 서 분 과 초 를 조금씩 고 쳐 봅 시다.

if(minutes < 10) {
    minutes = '0' + minutes;
}
if (seconds < 10) {
    seconds = '0' + seconds;
}

이렇게 하면 예 를 들 어 9 시 9 분 9 초 는 9 시 09 분 09 초 로 표시 할 수 있다.때때로 우 리 는 오늘 이 무슨 요일 인지 현실 이 필요 하 다. getDay () 방법 으로 실현 할 수 있다.코드 는 다음 과 같 습 니 다:

//      ，  (0-6)，        ，   ，……   
var weekday = mydate.getDay();
//               
var arr = new Array('   ', '   ', '   ', '   ', '   ', '   ', '   ');

이렇게 하면 우리 가 필요 로 하 는 시간 은 자 바스 크 립 트 를 통 해 표시 할 수 있다.이 시간 을 맞 추 는 변 수 를 정의 합 니 다.

var time = '   ' + year + ' ' + month + ' ' + day + ' ' + hour + ' ' + minutes + ' ' + seconds + ' ' + '  ' + arr[weekday];

우리 의 시간 을 동적 으로 표시 하려 면 어떻게 해 야 합 니까?이때 타이머 가 사 용 됩 니 다. 타이머 함수 setInteval (함수 명, 간격 (단위 밀리초);우 리 는 위의 시간 변 수 를 모두 my time () 함수 에 썼 다.

function mytime() {
     
    var mydate = new Date();
    var year = mydate.getFullYear();
    var month = mydate.getMonth() + 1;
    var day = mydate.getDate();
    var hour = mydate.getHours();
    var minutes = mydate.getMinutes();
    if(minutes < 10) {
        minutes = '0' + minutes;
    }
    var seconds = mydate.getSeconds();
    if (seconds < 10) {
         seconds = '0' + seconds;
    }
    var weekday = mydate.getDay();
    var arr = new Array('   ', '   ', '   ', '   ', '   ', '   ', '   ');
    var time = '   ' + year + ' ' + month + ' ' + day + ' ' + hour + ' ' + minutes + ' ' + seconds + ' ' + '  ' + arr[weekday];
    //       id  clock    ，             ，         。
    document.getElementById('clock').value = time;
}
//            
setInterval(mytime, 1000);
//   
setInterval("mytime()", 1000);

다음은 전체 페이지 의 html 코드 를 보 여 줍 니 다.


<html>
    <head>
        <title>hahatitle>
        <meta charset="utf-8">
        <script type="text/javascript">
            function mytime() {
      
                var mydate = new Date();
                var year = mydate.getFullYear();
                var month = mydate.getMonth() + 1;
                var day = mydate.getDate();
                var hour = mydate.getHours();
                var minutes = mydate.getMinutes();
                if(minutes < 10) {
                    minutes = '0' + minutes;
                }
                var seconds = mydate.getSeconds();
                if (seconds < 10) {
                    seconds = '0' + seconds;
                }
                var weekday = mydate.getDay();
                var arr = new Array('   ', '   ', '   ', '   ', '   ', '   ', '   ');
                var time = '   ' + year + ' ' + month + ' ' + day + ' ' + hour + ' ' + minutes + ' ' + seconds + ' ' + '  ' + arr[weekday];
                document.getElementById('clock').value = time;
            }
            setInterval(mytime, 1000);
        script>
    head>
    <body>
        <form>
            
            <input type="text" id="clock" size="50">
        form>
    body>
html>

이렇게 해서 우 리 는 시간의 동 태 를 실현 했다.

JavaScript 현재 시간 가 져 오기 및 동적 표시

좋은 웹페이지 즐겨찾기