Vue3.0-倒计时

    const state = reactive({
      day: "00",
      hour: "00",
      minute: "00",
      second: "00",
    });

    const openTime = new Date("2022-12-15 17:00:00").getTime();

    let timer = setInterval(() => {
      const now = new Date().getTime();
      if (now > openTime) {
        clearInterval(timer);
        timer = null;
      } else {
        const diff = openTime - now;
        state.day = Math.floor(diff / 1000 / 60 / 60 / 24)
          .toString()
          .padStart(2, "0");
        state.hour = (Math.floor(diff / 1000 / 60 / 60) % 24)
          .toString()
          .padStart(2, "0");
        state.minute = (Math.floor(diff / 1000 / 60) % 60)
          .toString()
          .padStart(2, "0");
        state.second = (Math.floor(diff / 1000) % 60)
          .toString()
          .padStart(2, "0");
      }
    }, 1000);