JAVASCRIPT 특정 기간 외에 동작하게 하기

🕒 JavaScript – 특정 기간 외에만 동작하게 하기

웹 페이지에서 특정 기능을 특정 시간대에만 제한하거나,
일정 기간 외에서만 실행되도록 하고 싶을 때가 있습니다.
예를 들어, 이벤트 페이지나 점검 시간 동안 실행을 막고 싶을 때 사용합니다.

아래 예시는 2022년 1월 17일 20시~23시 사이에는 toDo()가 실행되지 않도록 설정하는 코드입니다.

---

🧩 예제 코드

var today = new Date();
var startDate = new Date(2022, 0, 17, 20, 0, 0); // 2022-01-17 20:00:00
var endDate   = new Date(2022, 0, 17, 23, 0, 0); // 2022-01-17 23:00:00

// 지정된 기간 외에서만 실행
if (today >= endDate || today <= startDate) {
    toDo();
}

📌 즉, 20시 이전이거나 23시 이후일 때만 toDo()가 실행됩니다.
20시~23시 사이에는 조건이 false가 되어 실행되지 않습니다.

---

🧠 코드 설명

변수	설명
today	현재 시각(Date 객체)
startDate	시작 시각 (포함되지 않음)
endDate	종료 시각 (포함되지 않음)
toDo()	조건을 만족할 때 실행할 사용자 정의 함수

new Date(연도, 월, 일, 시, 분, 초)에서
월(month)은 0부터 시작하므로,
1월은 0, 12월은 11로 입력해야 합니다.

---

⚙️ 활용 예시

1️⃣ 특정 시간대 접속 차단

if (today >= startDate && today <= endDate) {
    alert('현재는 점검 시간입니다.');
} else {
    loadPage();
}

2️⃣ 특정 날짜에만 실행

var now = new Date();
if (now.toDateString() !== "Mon Jan 17 2022") {
    showBanner();
}

---

🧾 응용 팁

• 시간대 계산 시 주의:
  서버 시간과 브라우저 시간이 다를 수 있습니다.
  절대적인 기준이 필요하면 서버에서 현재 시각을 전달받는 방식을 추천합니다.

• 반복 실행 시에는 interval 대신 조건문으로 제어:
  예를 들어 이벤트 타이머를 만들 때는 setInterval()보다
  requestAnimationFrame()과 조건문 조합이 효율적일 수 있습니다.

---

✅ 정리

조건	의미
today >= endDate	종료 시간 이후
today <= startDate	시작 시간 이전
if (둘 중 하나라도 true)	지정된 기간 외라면 실행

👉 결국 “특정 시간대에는 멈추고, 그 외의 시간에만 실행”시키는 간단한 로직입니다.