[jQuery]현재 시간 정보 나타내기:new Date()

 

jQuery도 javaScript와 마찬가지로 현재 시간에 대한 정보를 알 수 있다.

 

현재 날짜와 시간에 대한 모든 정보를 가져올 땐

new Date();

를 사용한다.

[js]

 

$(document).ready(function(){
    var now = new Date();
    $("p").eq(0).text(now);
  });

new Date()를 now라는 변수에 지정해서 출력해보면

현재 날짜에 대한 전체 정보가 출력된다.

마찬가지로 전체만 출력되는 것이 아니라 요일, 월, 일, 시간, 분, 초 등의 개별 정보만도 출력 가능하다.

new Date();	전체 날짜 정보
.getFullYear();	연도
.getMonth()+1;	월(월은 0부터 시작하므로 +1을 해줘야한다.)
.getDate();	날짜
.getDay();	요일
.getHours();	시간
.getMinutes();	분
.getSeconds();	초

[html]

  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
  <p></p>

[js]

 

$(document).ready(function(){
    var now = new Date();
    $("p").eq(0).text(now); //전체

    var year=now.getFullYear();//연도
    $("p").eq(1).text(year); 

    var month=now.getMonth()+1;//월
    $("p").eq(2).text(month);

    var date=now.getDate();//일
    $("p").eq(3).text(date);

    var day=now.getDay();//요일
    $("p").eq(4).text(day);

    var hr=now.getHours();//시간
    $("p").eq(5).text(hr);

    var min=now.getMinutes();//분
    $("p").eq(6).text(min);

    var sec=now.getSeconds();//초
    $("p").eq(7).text(sec);


  });

출처: https://ga-you-ni.tistory.com/129 [개발자 준비 일기]