一、vue2-countdown简介
基于vue2.0的活动倒计时组件
可以使用服务端当前时间
在倒计时开始或者结束的时候,可以自定义回调.
地址:
https://www.npmjs.com/package/vue2-countdown
文档:https://cgygd.github.io/vue2-countdown/
二、安装
npm install vue2-countdown --save
三、引入
import CountDown from 'vue2-countdown'
四、示例
五、参数说明
参数名 | 描述 | 数据类型 | 默认 |
---|---|---|---|
currentTime | 当前时间戳,如果不传,默认获取用户本地的时间(建议传服务器的当前时间) | Number | ( new Date() ).getTime() |
startTime | 开始时间戳 | Number | 必须 |
endTime | 结束时间戳 | Number | 必须 |
tipText | 结束开始倒计时之前的提示文字戳 | String | 距离开始 |
tipTextEnd | 开始倒计时之后的提示文字 | String | 距离结束 |
endText | 倒计时结束之后的提示文字 | String | 已结束 |
dayTxt | 自定义显示的天数文字 | String | 无 |
hourTxt | 自定义显示的小时文字 | String | 无 |
secondsTxt | 自定义显示的分钟文字 | String | 无 |
secondsFixed | 自定义显示的秒数文字 | String | 无 |
回调函数
start_callback :开始倒计时结束之后的回调方法
end_callback:活动倒计时结束之后的回调方法