开发预览 更新于 2026-05-10

CountDown 倒计时

倒数到一个目标时间戳,支持 DD/HH/mm/ss/SSS 占位的格式串。

基础用法

target 接受时间戳 (ms) / Date / 可被 Date.parse 识别的字符串。format 控制展示样式,归零时触发 onFinish

00:00:00
<CfCountDown :target="target" format="HH:mm:ss" size="lg" @finish="onDone" />
<CfCountDown target={target} format="HH:mm:ss" size="lg" onFinish={onDone} />

API

属性类型默认值说明
targetnumber | Date | string目标时间,到达后归零
formatstring'HH:mm:ss'占位符:DD HH mm ss SSS
intervalnumber1000刷新间隔(毫秒);写 100 可取得百毫秒精度
size'sm' | 'md' | 'lg''md'字号档位

事件:onFinish() 归零;onChange(remaining) 每次 tick。

反馈与讨论

CountDown 倒计时 的讨论

0
0 / 600
一键发送
正在加载评论...