day08

📌 Date 내장객체

	<script>
        /*
            Date 내장객체
             - 시스템의 현재 시각을 표현하는 객체 생성
                let mydate = new Date();

             - 특정 날짜를 내장하고있는 객체 생성
             - 월에 대한 값이 0부터 시작하기 때문에,
               원하는 날짜의 한달 작은 값을 설정
                let theday = new Date(년,월-1,일);
        */

        let mydate = new Date();

        // 년,월,일 리턴
        let yy = mydate.getFullYear();
        let mm = mydate.getMonth() + 1;
        let dd = mydate.getDate();

        let result = yy + "-" + mm + "-" + dd;
        document.write(result);


    </script>

💡 결과값
2023년 3월 6일자 결과값

📌 현재 요일을 출력하기

	<script>
        /*
            현재 요일을 출력하기
             - 일요일 0 ~ 토요일 6이다.
             - 숫자값이기 때문에 실제 요일을 의미하는
             문자열 출력하기위해서는 배열의 인덱스로 활용
        */
        // 요일을 담고있는 배열 생성
        let days = ["일", "월", "화", 
                        "수", "목", "금", "토"];

        let mydate = new Date();

        let i = mydate.getDay();
        let day = days[i];
        document.write("<h1>" + day + "</h1>");

    </script>

💡 결과값
2023년 3월 6일자 결과값

📌 현재시각 출력

	<script>
        let mydate = new Date();

        let hh = mydate.getHours();
        let mi = mydate.getMinutes();
        let ss = mydate.getSeconds();

        let result = hh + ":" + mi + ":" + ss;
        document.write("<h1>" + result + "</h1>");
    </script>

💡 결과값

📌 두 날짜차이 구하기

<script>
        /*
            두 날짜차이 구하기 -> TimeStamp 값
             - TimeStamp는 1970년 1월 1일 자정부터
             지금까지 지난 시각을 초 단위로 바꾼 값
             - javascript에서는 getTime() 함수를 통해
             Date객체가 담고 있는 시각을 1/1000초 단위의
             TimeStamp형태로 변환하여 리턴해 준다.
             - 두 개의 Date객체를 각각 TimeStamp로
             변환하여 큰 값에서 작은 값을 뺀 후에,
             이 값을(24시간 * 60분 * 60초 * 1000)으로 
             나누면 두 객체 사이의 날짜 차이값을
             구할 수 있다.
             - 나눈 값은 소수점 이하는 절단해야 한다.
             두 객체 사이의 차가 3.5일로 계산된 경우,
             3일, 5시간을 의미하는데, 4일로 판단하지는 
             않기 때문에
        */

        let theday = new Date(2023, 0, 1);
        let today = new Date();
        let cnt = today.getTime() - theday.getTime();

        let day = Math.floor(cnt / (24*60*60*1000));
        document.write("<h1>올해는 " + day 
            + "일이 지났습니다. </h1>");
            
    </script>

💡 결과값

setInterval 함수

 	<script>
        /*
            setInterval 함수
             - setInterval 함수는 다른 함수의 이름과
             1/1000초 단위의 시간값응ㄹ 파라미터로 
             설정하여 정해진 시간에 한번씩 파라미터로
             전달된 함수를 반복적으로 호출한다.
            
            setInterval(printTime, 1000);
             printTime : 함수
             1000 : 1초마다 한번씩 printTime함수를 실행

            setInterval(function(){
                ... 1초마다 실행될 구문...
            }, 1000)
             별도의 함수를 정의하는 형태가 아닌 
             function(){...} 블록을 직접 설정하는 것도
             가능하다.
             이처럼 파라미터 형태로 전달되는 함수를 
             콜백함수라고 한다.
        */
        function printTime(){
            let days = ["일", "월", "화", 
                            "수", "목", "금", "토"];
                            let mydate = new Date();

            // 년,월,일 리턴
            let yy = mydate.getFullYear();
            let mm = mydate.getMonth() + 1;
            let dd = mydate.getDate();
            let i = mydate.getDay();
            let day = days[i];
            let hh = mydate.getHours();
            let mi = mydate.getMinutes();
            let ss = mydate.getSeconds();

            // 완성된 현재 시각
            let result = yy + "-" + mm + "-" + dd 
                + " " + day + "요일 " 
                + hh + ":" + mi + ":" + ss;

            document.getElementById("timer").innerHTML 
                = result;
        }   

        function startTimer(){
            // printTime이라는 함수를 1초에 한번씩
            // 반복해서 자동 호출
            setInterval(printTime, 1000);
        }
        
    </script>

💡 결과값
초단위로 실시간 시간을 출력해줌