[ 10강 ] 날짜관련 함수와 예제

Date()는 현재 날짜와 시간을 가지는 객체를 리턴한다. 1.  년 - getFullYear() - Date 객체의 년도 정보 2.  월 - getMonth() - Date 객체의 월 정보  (0~11) 3.  일 - getDate() - Date 객체의 일자 정보 (0~31) 4.  요 - getDay() - Date 객체의 요일 정보  (0~6) (일요일이 0, 월요일이1, 토요일이 6으로 표현) 5.  시 - getHours() - Date 객체의 시간 (0~23) 6.  분 - getMinutes() - Date 객체의 분 정보(0~59) 7.  초 - getSeconds() - Date 객체의 초 정보(0~59) 8.  밀 - getMilliseconds() - Date 객체의 밀리초 정보(0~999)  1. 현재의 날짜 <script> var cal = new Date();    var year = cal.getFullYear();  var month = cal.getMonth() + 1;   var date = cal.getDate();   var day = cal.getDay();                   // 요일 var hours = cal.getHours();             var minutes = cal.getMinutes();      var seconds = cal.getSeconds();     document.write(year + '/' + month + '/' + date); document.write(' '); document.write(hours + ':' + minutes + ':' + seconds); document.write(' '); document.write(day); </script>  2. 날짜의 시점 바꾸기 <script> // year, month, day, hours, minutes, seconds, milliseconds var date1= new Date(2023, 0, 2, 12, 31, 10, 22); document.write(date1 + ' '); // year, month, day, hours, minutes, seconds var date2 = new Date(2023, 0, 2, 12, 31, 10); document.write(date2 + ' '); // year, month, day, hours, minutes var date3 = new Date(2023, 0, 2, 12, 31); document.write(date3 + ' '); // year, month, day, hours var date4 = new Date(2023, 0, 2, 12); document.write(date4 + ' '); // year, month, day var date5 = new Date(2023, 0, 2); document.write(date5 + ' '); // year, month var date6 = new Date(2023, 0); document.write(date6 + ' '); </script>  3.  년월일 더하거나 빼거나 # toLocaleString  :  기본표준시간 또는 숫자를 내장된 포멧에 맞추어 출력시켜주는 함수  <script>var date = new Date(); document.write('표준시간 : ' + date + ' ');document.write('기본포멧 : ' + date.toLocaleString() + ' '); date.setFullYear(date.getFullYear() + 1); document.write('1년 후 : ' + date.toLocaleString() + ' '); date.setFullYear(date.getFullYear() - 1); document.write('1년 전 : ' + date.toLocaleString() + ' '); date.setMonth(date.getMonth() + 17); document.write('17달 후 : ' + date.toLocaleString() + ' '); date.setMonth(date.getMonth() - 15); document.write('15달 전 : ' + date.toLocaleString() + ' '); date.setDate(date.getDate() + 100); document.write('100일 후 : ' + date.toLocaleString() + ' '); date.setDate(date.getDate() - 1000); document.write('1000일 전 : ' + date.toLocaleString() + ' '); let num1 = 123456789; let num2 = num1.toLocaleString(); document.write(num2);</script>  4. 실시간 시계만들기 <script>  function Clock() {         var date = new Date();         var yy = date.getFullYear();         var mm = date.getMonth() + 1);         var dd = fn_zero(date.getDate());         var hs = fn_zero(date.getHours());         var ms = fn_zero(date.getMinutes());         var ss = fn_zero(date.getSeconds());          fn_write(yy,mm,dd,hs,ms,ss);  }//  2자리 표현을 기준으로 10 미만은 앞에 '0'을 붙임function fn_zero(num) {         return (num < 10 ? "0" + num : num);  }  // 날짜와 시간 출력 함수 function fn_write(yy,mm,dd,hs,ms,ss) {        var clock1 = document.getElementById("clock1");       var clock2 = document.getElementById("clock2");        clock1.innerText = yy + "/" + mm + "/" + dd;       clock2.innerText = hs + ":" + ms + ":" + ss;  }  // 지정된 특정함수를 반복 실행시키는 함수 setInterval(Clock, 1000);   //1초(1000)마다 Clock함수를 재실행 한다. </script>  <body>  <div id="clock1"></div>  <div id="clock2"></div> </body></html>