/*! For license information please see 3178.673df92b.js.LICENSE.txt */ (self.webpackChunk=self.webpackChunk||[]).push([["3178"],{44123:function(s,n,a){"use strict";a.r(n);var t=a("80681");let l=["innerHTML"];n.default={setup:()=>({html:""}),render:()=>((0,t.wg)(),(0,t.iD)("div",{class:"van-doc-markdown-body",innerHTML:'

useCountDown

\n

\u4ECB\u7ECD

\n

\u63D0\u4F9B\u5012\u8BA1\u65F6\u7BA1\u7406\u80FD\u529B\u3002

\n

\u4EE3\u7801\u6F14\u793A

\n

\u57FA\u672C\u7528\u6CD5

\n
<span>\u603B\u65F6\u95F4\uFF1A{{ current.total }}</span>\n<span>\u5269\u4F59\u5929\u6570\uFF1A{{ current.days }}</span>\n<span>\u5269\u4F59\u5C0F\u65F6\uFF1A{{ current.hours }}</span>\n<span>\u5269\u4F59\u5206\u949F\uFF1A{{ current.minutes }}</span>\n<span>\u5269\u4F59\u79D2\u6570\uFF1A{{ current.seconds }}</span>\n<span>\u5269\u4F59\u6BEB\u79D2\uFF1A{{ current.milliseconds }}</span>\n
\n
import { useCountDown } from '@vant/use';\n\nexport default {\n  setup() {\n    const countDown = useCountDown({\n      // \u5012\u8BA1\u65F6 24 \u5C0F\u65F6\n      time: 24 * 60 * 60 * 1000,\n    });\n\n    // \u5F00\u59CB\u5012\u8BA1\u65F6\n    countDown.start();\n\n    return {\n      current: countDown.current,\n    };\n  },\n};\n
\n

\u6BEB\u79D2\u7EA7\u6E32\u67D3

\n

\u5012\u8BA1\u65F6\u9ED8\u8BA4\u6BCF\u79D2\u6E32\u67D3\u4E00\u6B21\uFF0C\u8BBE\u7F6E millisecond \u9009\u9879\u53EF\u4EE5\u5F00\u542F\u6BEB\u79D2\u7EA7\u6E32\u67D3\u3002

\n
import { useCountDown } from '@vant/use';\n\nexport default {\n  setup() {\n    const countDown = useCountDown({\n      time: 24 * 60 * 60 * 1000,\n      millisecond: true,\n    });\n    countDown.start();\n\n    return {\n      current: countDown.current,\n    };\n  },\n};\n
\n

API

\n

\u7C7B\u578B\u5B9A\u4E49

\n
type CurrentTime = {\n  days: number;\n  hours: number;\n  total: number;\n  minutes: number;\n  seconds: number;\n  milliseconds: number;\n};\n\ntype CountDown = {\n  start: () => void;\n  pause: () => void;\n  reset: (totalTime: number) => void;\n  current: ComputedRef<CurrentTime>;\n};\n\ntype UseCountDownOptions = {\n  time: number;\n  millisecond?: boolean;\n  onChange?: (current: CurrentTime) => void;\n  onFinish?: () => void;\n};\n\nfunction useCountDown(options: UseCountDownOptions): CountDown;\n
\n

\u53C2\u6570

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
time\u5012\u8BA1\u65F6\u65F6\u957F\uFF0C\u5355\u4F4D\u6BEB\u79D2number-
millisecond\u662F\u5426\u5F00\u542F\u6BEB\u79D2\u7EA7\u6E32\u67D3booleanfalse
onChange\u5012\u8BA1\u65F6\u6539\u53D8\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570(current: CurrentTime) => void-
onFinish\u5012\u8BA1\u65F6\u7ED3\u675F\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570() => void-
\n

\u8FD4\u56DE\u503C

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u53C2\u6570\u8BF4\u660E\u7C7B\u578B
current\u5F53\u524D\u5269\u4F59\u7684\u65F6\u95F4CurrentTime
start\u5F00\u59CB\u5012\u8BA1\u65F6() => void
pause\u6682\u505C\u5012\u8BA1\u65F6() => void
reset\u91CD\u7F6E\u5012\u8BA1\u65F6\uFF0C\u652F\u6301\u4F20\u5165\u65B0\u7684\u5012\u8BA1\u65F6\u65F6\u957F(time?: number): void
\n

CurrentTime \u683C\u5F0F

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u540D\u79F0\u8BF4\u660E\u7C7B\u578B
total\u5269\u4F59\u603B\u65F6\u95F4\uFF08\u5355\u4F4D\u6BEB\u79D2\uFF09number
days\u5269\u4F59\u5929\u6570number
hours\u5269\u4F59\u5C0F\u65F6number
minutes\u5269\u4F59\u5206\u949Fnumber
seconds\u5269\u4F59\u79D2\u6570number
milliseconds\u5269\u4F59\u6BEB\u79D2number
\n
'},null,8,l))}}}]);