[JS] 웹 타이머 만들기

웹 사이트 시간 기준으로 팝업 혹은 마감으로 인한 리다렉션에 필요한 곳에 JS (Jquery) 타이머를 심어 보자 😊

$(document).ready(function(){
	var now = new Date();
  	var end = new Date("2024-05-05T15:00:00");
  
	if(now > end){
    	alert('마감 되었습니다. test@test.com 으로 문의 바랍니다.');
      document.location.href="/"
    }
})

now는 오늘 날짜(시간 포함),
end는 마감을 하고 싶은 날짜를 지정하였다.

참고로 시간 까지 셋팅을 하고 싶다면 new Date()안에 "YYYY-MM-DDTHH:MM:SS" 형태로 작성하면 된다.

if 조건문을 사용해서 오늘 날짜가 마감 날짜보다 커지면(now > end) 하고 싶은 행위를 넣어주면 된다.

다만 이건 어디까지나 웹 브라우저의 시간을 참고하기 때문에 가능한 서버에서 타이머 셋팅을 해 주는게 좋다...!