import{o as n,a,y as t}from"./vue-libs.b44bc779.js";const l={class:"van-doc-markdown-body"},p=t(`

useCountDown

\u4ECB\u7ECD

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

\u4EE3\u7801\u6F14\u793A

\u57FA\u672C\u7528\u6CD5

<span>\u603B\u65F6\u95F4\uFF1A{{ current.total }}</span>
<span>\u5269\u4F59\u5929\u6570\uFF1A{{ current.days }}</span>
<span>\u5269\u4F59\u5C0F\u65F6\uFF1A{{ current.hours }}</span>
<span>\u5269\u4F59\u5206\u949F\uFF1A{{ current.minutes }}</span>
<span>\u5269\u4F59\u79D2\u6570\uFF1A{{ current.seconds }}</span>
<span>\u5269\u4F59\u6BEB\u79D2\uFF1A{{ current.milliseconds }}</span>

import { useCountDown } from '@vant/use';

export default {
  setup() {
    const countDown = useCountDown({
      // \u5012\u8BA1\u65F6 24 \u5C0F\u65F6
      time: 24 * 60 * 60 * 1000,
    });

    // \u5F00\u59CB\u5012\u8BA1\u65F6
    countDown.start();

    return {
      current: countDown.current,
    };
  },
};

\u6BEB\u79D2\u7EA7\u6E32\u67D3

\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

import { useCountDown } from '@vant/use';

export default {
  setup() {
    const countDown = useCountDown({
      time: 24 * 60 * 60 * 1000,
      millisecond: true,
    });
    countDown.start();

    return {
      current: countDown.current,
    };
  },
};

API

\u7C7B\u578B\u5B9A\u4E49

type CurrentTime = {
  days: number;
  hours: number;
  total: number;
  minutes: number;
  seconds: number;
  milliseconds: number;
};

type CountDown = {
  start: () => void;
  pause: () => void;
  reset: (totalTime: number) => void;
  current: ComputedRef<CurrentTime>;
};

type UseCountDownOptions = {
  time: number;
  millisecond?: boolean;
  onChange?: (current: CurrentTime) => void;
  onFinish?: () => void;
};

function useCountDown(options: UseCountDownOptions): CountDown;

\u53C2\u6570

\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-

\u8FD4\u56DE\u503C

\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

CurrentTime \u683C\u5F0F

\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
`,10),e=[p],i={__name:"use-count-down.zh-CN",setup(c,{expose:s}){return s({frontmatter:{}}),(r,h)=>(n(),a("div",l,e))}};export{i as default};