1404/10/28-base

src/utils/useCountdownTimer.ts

@@ -0,0 +1,90 @@
+import { onMounted, ref } from 'vue'
+import moment from 'moment'
+//sample 00:30 -  1:50 - 00:59
+export default function useCountdownTimer(_time = '00:00:30', format = 'HH:mm:ss') {
+  let interval: number
+  let startTime = moment(_time, 'HH:mm:ss')
+  //const isActiveMenu=
+  const endTime = moment('00:00:00', 'HH:mm:ss')
+  const time = ref('')
+  let tempHook: () => void
+  let tempHookStop: () => void
+  let tempHookStart: () => void
+  let tempHookRestart: () => void
+  function decrement() {
+    if (startTime > endTime) {
+      startTime.subtract('1', 'second')
+      time.value = startTime.format(format)
+    } else {
+      clearInterval(interval)
+      if (tempHook) {
+        tempHook()
+      }
+    }
+  }
+
+  function start() {
+    if (interval) {
+      stop()
+    }
+    interval = setInterval(decrement, 1000)
+    if (tempHookStart) {
+      tempHookStart()
+    }
+  }
+
+  function stop() {
+    clearInterval(interval)
+    if (tempHookStop) {
+      tempHookStop()
+    }
+  }
+
+  function onFinish(hook: () => any) {
+    tempHook = hook
+  }
+
+  function setTime(_time = '00:00:30') {
+    startTime = moment(_time, 'HH:mm:ss')
+    time.value = startTime.format(format)
+    stop()
+    start()
+  }
+
+  function reset() {
+    startTime = moment(_time, 'HH:mm:ss')
+    time.value = startTime.format(format)
+    stop()
+    start()
+    if (tempHookRestart) {
+      tempHookRestart()
+    }
+  }
+
+  function onStop(hook: () => any) {
+    tempHookStop = hook
+  }
+  function onStart(hook: () => any) {
+    tempHookStart = hook
+  }
+
+  function onRestart(hook: () => any) {
+    tempHookRestart = hook
+  }
+
+  onMounted(() => {
+    time.value = startTime.format(format)
+  })
+
+  return {
+    time,
+    stop,
+    start,
+    onFinish,
+    reset,
+    setTime,
+    onRestart,
+    onStart,
+    onStop,
+  }
+}