rc-countdown-view

rc-countdown-view

一个简单的 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} />;
};

API

除了以下属性，还支持 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	-
actionRef	常用操作，开始/暂停/重置	MutableRefObject<ActionType>	-