这是一个基于vue2.0的活动倒计时组件，可以使用服务器时间作为当前时间，并在倒计时开始和结束时自定义回调函数。

查看演示下载源代码

装置

npm安装vue 2-倒计时-保存

使用组件

首先在模板部分添加：

模板div count-down v-: start _ callback=' countdows _ CB(1)' v-: end _ callback=' countdown _ CB(1): current time=' 1538983555 ' : start time=' 1538983555 ' : end time=' 1538983565 ' 3: day txt=' days ' ' 3: hourtxt=' '

scriptimport倒计时从' vue 2-倒计时'导出默认{ components: {倒计时}，Methods : { count downs _ CB : function(x){ console . log(x)}，倒计时e _ CB : function(x){ console . log(x)} }/script选项

名称默认值描述当前时间的当前时间戳(新日期())。getTime()。如果不传输，默认获取用户的本地时间(建议传输到服务器的当前时间)。开始时间开始时间戳和结束时间戳是必需的。所需提示倒计时开始前的文本距离提示文本倒计时结束后的结束距离提示文本倒计时结束后的提示文本倒计时结束后的文本dayTxt :自定义显示的天数文本hourTxt :自定义显示的小时文本secondsTxt :自定义显示的分钟文本secondsFixed :自定义显示的秒文本回调函数

名称默认值描述start_callback开始倒计时后的回调方法end_callback活动倒计时结束后的回调方法总结

以上是边肖推出的基于vue2.0的活动倒计时组件(有源代码下载)。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！