본문 바로가기
JAVASCRIPT

Javascript Object, Built in Object - Date Object 자바스크립트 객체, 내장객체(날짜객체)

by devorldist 2022. 5. 4.
728x90
반응형
SMALL
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var tv = new Object();
        tv.color ="white";
        tv.price = 200000;
        tv.info = function() {
            document.write("tv 색상은 "+this.color, "<br>");//this는 메서드의 객체 tv.
            document.write("tv 가격은 "+this.price, "<br>");
        }

        var car = {
            color: "black",
            price: 300000,
            info: function() {
                document.write("car 색상은 "+this.color, "<br>");
                document.write("car 가격은 "+this.price, "<br>");
            }
        };

        document.write("<h1>tv 객체 메서드 호출</h1>");
        tv.info();
        document.write("<h1>car 객체 메서드 호출</h1>");
        car.info();

        /*
        var t = new Date("2002/5/31");
        var t = new Date(2002,3,12);

        <날짜 관련 메서드>
        1. 날짜 정보를 가져올 때 GET
        getFullYear()
        getMonth() 현재 월-1
        getDate()
        getDay() 요일정보 일0~토6
        getHours()
        getMinutes()
        getSeconds()
        getMilliseconds() 1/1000
        getTime() 1970년 1월 1일 부터 경과된 시간을 밀리초로 표현
        toGMTString() GMT 표준 표기 방식으로 문자형 데이터로 반환

        2. 날짜 정보를 수정할 때 SET
        setFullYear()
        setMonth()
        setDate()
        요일은 날짜를 바꾸면 자동으로 바뀌므로 setDay()는 없음
        setHours()
        setMinutes()
        setSeconds()
        setMilliseconds()
        setTime() 1970년 1월 1일 부터 경과된 시간을 밀리초로 수정함
        toLocaleString() 운영시스템 표기 방식으로 문자형 데이터로 반환함
        */
        document.write("-----------------------------------", "<br>");

        var today = new Date(); //객체 생성
       
        var nowMonth = today.getMonth()+1;
        nowDate = today.getDate();
        nowDay = today.getDay();

        document.write("<h1>오늘의 날짜 정보</h1>");
        document.write("현재 월: "+nowMonth, "<br>");
        document.write("현재 일: "+nowDate, "<br>");
        document.write("현재 요일: "+nowDay, "<br>");

        document.write("-----------------------------------", "<br>");

        var worldcup = new Date(2002,4,31);//객체 생성

        var theMonth = worldcup.getMonth();
        theDate = worldcup.getDate();
        theDay = worldcup.getDay();

        document.write("<h1>월드컵 날짜 정보</h1>");
        document.write("월드컵 월: "+theMonth, "<br>");
        document.write("월드컵 일: "+theDate, "<br>");
        document.write("월드컵 요일: "+theDay, "<br>");

        document.write("-----------------------------------", "<br>");

        //현재 날짜 부터 연말까지 며칠 남았는지 날짜 정보 객체를 이용
        var today = new Date();//오늘 날짜 객체 생성
        var nowYear = today.getFullYear();//오늘의 year

        var theDate = new Date(nowYear, 11, 31);//올해 연말 날짜 정보 객체 생성
        var diffDate = theDate.getTime() - today.getTime() //남은 날 밀리초 단위

        var result = Math.ceil(diffDate / (1000*60*60*24)); //오늘 날짜 까지 포함시키려고 반올림
        document.write("연말 D-day: "+ result +"일 남았습니다.");

        document.write("-----------------------------------", "<br>");
    </script>
   
</body>
</html>

출처 : doit javascript

728x90
반응형
LIST