반응형

스크립트를 이용하여 시간과 날짜를 값을 가져오려면 내장 함수인 Date 객체를 이용해서 값을 호출하여야 합니다.
이번에 자주 사용하는 Date 객체에 대해서 정리하고 이해하는 시간이 되었으면 좋겠습니다.
Date 객체에 대해 이미 알고 있거나 다른 객체도 공부하고 싶으신 분들은 제가 정리한 String 객체와 Math 객체도 살펴보면 좋을거 같아요.
예제 1. 날짜 객체를 이용하여 오늘 날짜를 구하기
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth();
var day = today.getDate();
var week = today.getDay();
var todayWeek = ['일', '월','화','수','목','금','토'];
document.write('오늘은 '+year+'년 '+(month+1)+'월 '+day+'일 '+todayWeek[week]+'요일 입니다.');
예제 2. 현재 시간을 보여주는 디지털시계를 출력
var today = new Date();
var hour = today.getHours();
var min = today.getMinutes();
var sec = today.getSeconds();
if(hour > 12) {
hour = hour - 12;
if (hour < 10) {hour = 'PM 0'+ hour;}
}
else{
hour = 'AM'+hour;
}
if(min < 10) {min = '0'+min;}
if(sec < 10) {sec = '0'+sec;}
document.write(hour+' : '+min+' : '+sec);
setInterval('location.reload()',1000); // 시간이 계속 움직이게 함. 1000은 밀리세컨
반응형
'IT > JavsScript' 카테고리의 다른 글
| String 객체 메서드 알아보기 (0) | 2021.03.12 |
|---|---|
| 컨펌(confirm)창에서 이벤트(Event) 핸들링 하기 (0) | 2021.03.12 |
| 자바스크립트(Javascript) 문자열 자르기(substr, split) (0) | 2021.03.11 |
| Math 객체 살펴보기 (0) | 2021.03.11 |
| tabindex 사용하여 focus처리 (0) | 2021.03.11 |
보신 글이 조금이라도 도움이 되었으면 좋겠습니다.
오늘도 제 블로그에 와 주셔서 진심으로 감사합니다. :)
오늘도 제 블로그에 와 주셔서 진심으로 감사합니다. :)