【JavaScript】特定の時間帯だけ処理を実行する方法｜営業時間判定・タイムゾーン固定・サーバー時刻での制御まで

function isWithinTimeRange(start, end, date = new Date()) {
  const cur = date.getHours() * 60 + date.getMinutes();
  const [sh, sm] = start.split(":").map(Number);
  const [eh, em] = end.split(":").map(Number);
  const s = sh * 60 + sm;
  const e = eh * 60 + em;
  return cur >= s && cur < e;
}

if (isWithinTimeRange("09:30", "17:45")) {
  console.log("受付時間内です");
} else {
  console.log("受付時間外です");
}

// 端末のタイムゾーンに関わらず「日本時間の Date 相当」を得る
function nowInJst() {
  const jst = new Date().toLocaleString("en-US", { timeZone: "Asia/Tokyo" });
  return new Date(jst);
}

// 第3引数に日本時間を渡せば、どの地域からでも同じ判定になる
if (isWithinTimeRange("09:00", "17:00", nowInJst())) {
  console.log("日本時間で営業時間内です");
}

function isWithinTimeRange(start, end, date = nowInJst()) {
  const cur = date.getHours() * 60 + date.getMinutes();
  const [sh, sm] = start.split(":").map(Number);
  const [eh, em] = end.split(":").map(Number);
  const s = sh * 60 + sm;
  const e = eh * 60 + em;

  return s <= e
    ? cur >= s && cur < e   // 同じ日の中（例 09:30〜17:45）
    : cur >= s || cur < e;  // 深夜またぎ（例 22:00〜翌05:00）
}

console.log(isWithinTimeRange("22:00", "05:00")); // 23:30 や 03:00 で true

function isWeekdayBusinessHours(date = nowInJst()) {
  const day = date.getDay(); // 0:日, 1〜5:平日, 6:土
  const isWeekday = day >= 1 && day <= 5;
  return isWeekday && isWithinTimeRange("09:00", "18:00", date);
}

const btn = document.getElementById("submit-btn");
btn.disabled = !isWeekdayBusinessHours(); // 時間外は押せない

document.getElementById("reserve-form").addEventListener("submit", (e) => {
  if (!isWithinTimeRange("10:00", "16:00", nowInJst())) {
    e.preventDefault();
    alert("受付時間外のため送信できません（受付 10:00〜16:00）");
  }
});

// サーバーが現在時刻（ISO文字列）を返すエンドポイントを用意しておく
async function getServerTime() {
  const res = await fetch("/api/time");
  const { now } = await res.json(); // 例: { "now": "2026-06-25T09:30:00+09:00" }
  return new Date(now);
}

getServerTime().then((serverNow) => {
  if (isWithinTimeRange("09:00", "17:00", serverNow)) {
    console.log("サーバー時刻で営業時間内");
  }
});