const [timeLeft, setTimeLeft] = useState<any>();
  const [startTime, setStartTime] = useState<any>(new Date().getTime());
  const hideTimeRef = useRef<any>();
  const timeLeftRef = useRef<any>();
  useEffect(() => {
    timer = setInterval(() => {
      setTimeLeft((prevTimeLeft: number) => prevTimeLeft - 1000);
    }, 1000);

    return () => {
      clearInterval(timer);
    };
  }, [expires]);

  useEffect(() => {
    if (expires) {
      setTimeLeft(expires);
      setStartTime(new Date().getTime());
    }
  }, [expires])

  useEffect(() => {
    if (timeLeft + startTime <= new Date().getTime()) {    也可以直接用timeLeft<=0 判斷即可
      timer && clearInterval(timer);
    }
  }, [timeLeft]);

  useEffect(() => {
    //監聽ios息屏
    const visibleChangeFun = function () {
      if (document.visibilityState === "hidden") {
        // 息屏時主動關閉定時器，并記錄當前時間
        clearInterval(timer);
        hideTimeRef.current = getTimeNow()
        timeLeftRef.current = timeLeft
      } else {
        console.log('visible show :');
        // 用戶打開手機進入頁面時，記錄當前時間，計算出息屏期間的時間，并重新啟動定時器
        const showTime = getTimeNow();
        const diffTime = showTime - hideTimeRef.current;
        // 假設 countdown 是剩余倒計時時間
        // countdown -= diffTime;
        if (timeLeftRef.current - diffTime > 0) {
          setTimeLeft(timeLeftRef.current - diffTime);
          visibleStatusTimer = setInterval(function () {
            // 更新倒計時邏輯
            setTimeLeft((prevTimeLeft: number) => prevTimeLeft - 1000);
          }, 1000);
        } else {
          setTimeLeft(0);
        }
      }
    }
    document.addEventListener("visibilitychange", visibleChangeFun);
    return () => {
      document.removeEventListener("visibilitychange", visibleChangeFun);
      clearInterval(visibleStatusTimer);
    }
  }, [timeLeft])