VUE开发--倒计时Countdown(四十五)

一、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:活动倒计时结束之后的回调方法

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容