[Basic] 특정 기간 내 배너 띄우기, 현재 시각 확인 하기

배경

홈페이지가 업데이트되면서 리뉴얼을 시작하게 되었다. 이에 따라 배너를 특정 기간에 띄워야 할 필요가 있었다. 이를 해결하기 위해서 코드를 찾아보았었다. 

코드

const startDate = new Date ("2021-05-24T00:00:00z");  // 뒤에 z를 안붙이면 IE10 > 일 경우, 에러. 꼭 붙이자
const endDate = new Date ("2021-05-31T23:59:59z");

const now = new Date();
// 현재 날짜 확인

const readyStartDate = new Date ("2021-06-01T00:00:00z");
const readyEndDate = new Date ("2021-06-01T10:00:00z");

if(endDate > now && startDate < now) {
  console.log("중간에 있다");
  // 배너1 셋팅
  //
} else if (readyEndDate > now && readyStartDate < now) {
    console.log("10시 이후에 접속 배너 띄우기");
  // 배너2 셋팅
  //
} else {
    console.log("기존배너 세팅");
  // 기존 배너 세팅//
}



console.log("endDate", endDate);
console.log("startDate", startDate);
console.log("now", now);
console.log("readyEndDate", readyEndDate);
console.log("readyStartDate", readyStartDate);

 

출처

https://nowonbun.tistory.com/566

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date