一个简单的 React
倒计时组件。
npm install rc-countdown-view
yarn add rc-countdown-view
pnpm add rc-countdown-view
import CountDown from 'rc-countdown-view';
export default () => {
return <CountDown time={10 * 60 * 60 * 1000} />;
};
除了以下属性,还支持 span
标签的其他属性。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
time | 倒计时,单位毫秒 | number |
0 |
interval | 时间间隔,单位毫秒 | number |
1000 |
format | 格式化。 如果传入 string 将自动转换 DD-日,HH-时,mm-分,ss-秒,SSS-毫秒 。如果传入 function ,必须要有返回值 string 且不会自动转换。 |
string | (timestamp: number, formatRes: { days: number, hours: number, minutes: number, seconds: number, milliseconds: number }) => void |
HH:mm:ss |
autoStart | 自动开始 | boolean |
true |
onChange | 时间变化时触发,参数是 format 的返回值。 |
(formatTime: string) => void |
- |
onEnd | 倒计时结束时触发 | () => void |
- |
ref | 常用操作,开始/暂停/重置 | ActionType |
- |