下载

yarn add rolling-countdown 

引入

import RollingCountdown from 'rolling-countdown'
Vue.use(RollingCountdown);

使用

<RollingCountdown @timeEnd="timeEnd"></RollingCountdown>  



<RollingCountdown @timeEnd="timeEnd" timeData="2025-07-10 00:00:00"
    :timeUnit="['day',':',':','s']" >
</RollingCountdown>

参数说明

timeData | 时间格式;  默认30秒后
splitClass  | 分割符样式class
timeUnit | ['天','时','分','秒']
overText | 倒计时结束显示的文字
overClass | 倒计时结束样式class


autoplay | 是否自动开始倒计时;默认true
unpalyTxt | 未开始倒计时显示的文字
unplayClass | 未开始倒计时显示的样式class

@timeEnd 倒计时结束回调函数
 
start() 开始方法。当autoplay为false时，需要手动调用该方法开始倒计时。