반응형

홈페이지 개발시 날짜 및 시간을 출력하는 소스입니다. 

자바스크립트 내장객체중 Date 객체를 사용 하였습니다.


Date 객체의 getDay() 메소드는 현재 요일을 0(일)~6(토) 까지의 숫자로 표시 해줍니다.

그래서 switch 문을 이용하여 요일로 수정 하였습니다.


?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var dt = new Date();
var year = dt.getFullYear(); // 년도
var month = dt.getMonth();   // 월
var date = dt.getDate();     // 일
var day = dt.getDay();       // 요일(포맷 전)
var hours = dt.getHours();   // 시간
var mins = dt.getMinutes();  // 분
var snd = dt.getSeconds();   //초
var msnd = dt.getMilliseconds(); // 밀리초
 
console.log(day);
var dayName;    // 요일(포맷 후)
 
switch(day) {
    case 0:dayName="일요일"; break;
    case 1:dayName="월요일"; break;
    case 2:dayName="화요일"; break;
    case 3:dayName="수요일"; break;
    case 4:dayName="목요일"; break;
    case 5:dayName="금요일"; break;
    case 6:dayName="토요일"; break;
}
 
document.write(year+"년 "+month+"월 ",+date+"일 "+dayName+"<br>");
document.write(hours+"시 "+mins+"분 "+snd+":"+msnd+"초");





출력 결과 : 




반응형
저작자표시

'Programming > Web' 카테고리의 다른 글

[자바스크립트] 배열 출력, 추가, 삭제, 정렬  (0) 2018.05.07
[자바스크립트] D데이 계산, 디데이 계산  (0) 2018.05.07
[자바스크립트] 객체(Object) 데이터 출력 하기  (0) 2018.04.27
[자바스크립트]배열 데이터 추가  (0) 2018.04.27
[자바스크립트]함수 정의 방식  (0) 2018.04.27

+ Recent posts

티스토리툴바