티스토리 뷰

반응형

서비스를 운영하다 보면, 특정 기간에만 팝업창을 노출시켜야 하는 경우가 있습니다.

자바스크립트에서 시간과 날짜를 표현하는 Date 객체를 통해 이를 구현할 수 있습니다. 

//Date에 Month는 값이 0부터 시작이라 -1 입력 필수
var currentDate = new Date();
var strDate = new Date(2019,4-1,1); //팝업 노출 시작 기간 시간을 적지 않으면 default로 00:00 입력
var endDate = new Date(2019,4-1,7); //팝업 노출 종료 기간 시간을 적지 않으면 default로 00:00 입력

if(strDate.getTime()<currentDate.getTime() && currentDate.getTime()< endDate.getTime()){
  조건 일치 시 팝업 창 show 또는 alert
}

주로 사용하는 메서드 들 입니다. 

getFullYear() : 4자리 연도
getMonth()  : 월 (0부터 1월)
getDate()    :  날짜
getHour()    : 시간 값 (24시간제 기준)
getMinutes(): 분값  
getTime()    :  전체 시간 값을 밀리초로 나타내어 변환 

반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
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 26 27 28
29 30 31
글 보관함