跳到主要内容

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>
);
};

属性

属性名类型默认值必填描述
endTimenumber-倒计时结束的时间戳
children(time: TimeType) => ReactElement-子节点格式化函数

TimeType 属性

属性名类型默认值必填描述
daynumber | string-当前日
hournumber | string-当前时
minutenumber | string-当前分
secondnumber | string-当前秒

事件

属性名参数必填描述
onFinish-倒计时结束事件