티스토리 뷰
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script type="text/javascript"> var d = new Date(); document.write('현재 년: ' + d.getFullYear() + '<br />'); document.write('현재 월: ' + (d.getMonth() + 1) + '<br />'); document.write('현재 일: ' + d.getDate() + '<br />'); document.write('<br />'); // 줄바꿈 document.write('현재 시: ' + d.getHours() + '<br />'); document.write('현재 분: ' + d.getMinutes() + '<br />'); document.write('현재 초: ' + d.getSeconds() + '<br />'); document.write('<br />'); document.write('오늘 요일: ' + d.getDay() + '<br />'); // 일요일 = 0 </script> |
참고로 getMonth() 메소드(함수)는 1월달을 0으로 간주하기에 플러스1을 해주어야 현재의 정확한 달이 나옵니다.
그리고 (d.getMonth() + 1) 이렇게 괄호로 둘러싸주지 않으면, document.write()가 "더하기 1"을 하지 않고,
1을 그냥 문자열로서 붙여 버리게 됩니다.
출처 : httpmwultong.blogspot.com200701date-time-print-javascript.html
참고로 데이터타입은
var myDate = new Date();
var myHour = myDate.getHours();
console.log(typeof(myHour)); // number
실제로 적용한 코드는
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
View.prototype.init = function(){ var myDate = new Date(); var myHour = myDate.getHours(); if(5<= myHour && myHour <=10){ //5시~10시 : 새벽 this.setToday(0); $("#bgContainer .bg").attr("src", _this.imgArr); } if(11 <= myHour && myHour <=17){ //11시~17시 : 낮 this.setToday(1); $("#bgContainer .bg").attr("src", _this.imgArr); } if(18 <= myHour || myHour <= 4){ //18시 ~ 4시 : 밤 this.setToday(2); $("#bgContainer .bg").attr("src", _this.imgArr); } } |
조건별로 제대로 시간 처리를 하는지에 대한 테스트가 필요한데
var myDate = new Date(yy,mm,dd,hh,mm,ss); 와 같이 parameter값으로 대입해 볼 수 있다.
가령 5시에 제대로 동작하는지에 대한 테스트는
var myDate = new Date(90,01,01,05,01,01); // 05부분이 시간에 해당.
'■ 프론트엔드 ■ > JavaScript' 카테고리의 다른 글
자바스크립트 MVC패턴 - Input animate (0) | 2013.10.14 |
---|---|
clientX,Y - 현재화면의 마우스좌표 반환받기 (0) | 2013.10.13 |
마우스휠 - addEventListener, onmousewheel (0) | 2013.10.13 |
키보드 입력 - 3가지 솔루션 (0) | 2013.10.13 |
디바이스 감지 - window.navigator.userAgent (0) | 2013.10.13 |
댓글