feats

src/utils/hooks/useCountDown.js

@@ -12,7 +12,7 @@ export default function useCountDown(date1, date2) {
 
   useInterval(() => {
     setCountDown(diff(date1, date2))
-  }, 1000)
+  }, 1000, true)
 
   return countdown
 }

src/utils/hooks/useInterval.js

@@ -3,14 +3,18 @@ import { useEffect, useRef } from "react";
 /**
  * 计时器
  */
-export default function useInterval(fn, delay) {
+export default function useInterval(fn, delay, immediate) {
   const callbackRef = useRef()
   callbackRef.current = fn;
 
   useEffect(() => {
     if (delay === undefined || delay === null) return;
 
+    if (immediate) {
+      callbackRef.current()
+    }
+
     const ticker = setInterval(() => callbackRef.current(), delay)
     return () => clearInterval(ticker)
-  }, [delay])
+  }, [delay, immediate])
 }