[JQuery] 특정 날짜(시간)에 제이쿼리 함수 실행.

출근을 하지않는 주말에 쇼핑몰 이벤트 팝업을 띄운다던지 등의 업무가 발생했을때 주말에 일일이 들어가서 display:block 처리 하는건 매우 비효율적이고 주말이 아까운 행동이다.

(전제: 백엔드로 처리가 어려운 상황에..)

 

Date객체를 이용하면 몇줄 안되는 코드로 주말에 일을 할 필요 없이 해당 날짜에 함수 및 이벤트 실행 시킬 수 있다.

 

---

* 2022년 5월 1일 일요일 부터 팝업이 보여져야함.

*백엔드 작업이 어려운 상황이라면

//이벤트가 실행되어야하는 날짜 변수 선언.
let eventDate = new Date("05/01/2022 00:00:00");

//현재 날짜 변수 선언
let nowDate = new Date();

//해당 날짜 확인 조건문
if(eventDate <= nowDate) {
	$(".popup-layer").show();
}

 

현재 날짜와 시간, 이벤트,함수가 실행이 되어야하는 시간을 조건문으로 비교하여 

위처럼 몇줄 안되는 코드로 주말에 굳이 일 할 필요 없이 코드를 실행 시킬 수 있다.

 

!-다만 서버 운영 시간 기준이 아닌 클라이언트의 브라우저 시간을 기준으로 로직을 발생시키기 때문에 몇가지 이슈사항은 있을 수 있다.