반응형




단순하게 날짜 (연/월/일)을 받아 현재 날짜 기준 디데이를 계산하는 코드입니다.


today는 Date() 객체를 이용한 오늘 날짜를 계산하는 변수이고,

stdDate는 입력받은 날짜를 Date()객체로 저장하는 변수입니다.


stdDate의 월에 -1을 해준 이유는, 

1~12월이 1~12가 아니라 0~11이기 때문입니다.






?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var today = new Date();
 
var inYear = prompt("년도 입력");
var inMonth = prompt("월 입력");
var inDate = prompt("일 입력");
 
var stdDate = new Date(inYear,(inMonth-1),inDate);
var gapDate = stdDate.getTime() - today.getTime();
 
var gapDay = Math.ceil(gapDate / (60*1000*60*24));
 
if(gapDay<0) {
    gapDay = -gapDay;
    console.log(gapDay+"일 지났습니다.") 
} else if(gapDay>0) {
    console.log(gapDay+"일 남았습니다.");
} else if(gapDay==0) {
    console.log("당일 입니다.");
}






결과 :



반응형
저작자표시

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

[자바스크립트] location 객체, history 객체, navigator 객체  (0) 2018.05.08
[자바스크립트] 배열 출력, 추가, 삭제, 정렬  (0) 2018.05.07
[자바스크립트]현재 날짜 및 시간 출력  (0) 2018.05.06
[자바스크립트] 객체(Object) 데이터 출력 하기  (0) 2018.04.27
[자바스크립트]배열 데이터 추가  (0) 2018.04.27
반응형

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

자바스크립트 내장객체중 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

티스토리툴바