CountTimeDown 倒计时
import { QRCode } from "taro-code";
import { Flip } from "@finalx/components";
interface IProps {}
export const Index: FC<IProps> = () => {
const onFinish = () => console.log("倒计时结束触发事件");
return (
<CountTimeDown endTime={Date.now() * 1000 + 15 * 60 * 1000} onFinish={onFinish}>
{time => (
<View>
<Text>剩余支付时间:</Text>
<Text>
{time.minute}:{time.second}
</Text>
</View>
)}
</CountTimeDown>
);
};
属性
属性名 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
endTime | number | - | 是 | 倒计时结束的时间戳 |
children | (time: TimeType) => ReactElement | - | 否 | 子节点格式化函数 |
TimeType 属性
属性名 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
day | number | string | - | 是 | 当前日 |
hour | number | string | - | 是 | 当前时 |
minute | number | string | - | 是 | 当前分 |
second | number | string | - | 是 | 当前秒 |
事件
属性名 | 参数 | 必填 | 描述 |
---|---|---|---|
onFinish | - | 否 | 倒计时结束事件 |