Need help with vue2-countdown?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

cgygd
147 Stars 58 Forks MIT License 19 Commits 6 Opened issues

Description

基于vue2.0的活动倒计时组件

Services available

!
?

Need anything else?

Contributors list

# 298,088
JavaScr...
HTML
vue2
17 commits

vue2-countdown

基于vue2.0的活动倒计时组件
可以使用服务端当前时间
在倒计时开始或者结束的时候,可以自定义回调.
文档:https://cgygd.github.io/vue2-countdown/
demo:https://cgygd.github.io/vue2-countdown/example/index.html

Install

npm install vue2-countdown --save

Usage

import CountDown from 'vue2-countdown'
components: {
    CountDown
},
methods: {
  countDownS_cb: function (x) {
    console.log(x)
  },
  countDownE_cb: function (x) {
    console.log(x)
  }
}

options

  1. currentTime - 当前时间戳,如果不传,默认获取用户本地的时间(建议传服务器的当前时间)
    • type: Number
    • required : false
    • default : ( new Date() ).getTime()
  2. startTime - 开始时间戳
    • type: Number
    • required : true
  3. endTime - 结束时间戳
    • type: Number
    • required : true
  4. tipText - 开始倒计时之前的提示文字
    • type: String
    • required : false
    • default : 距离开始
  5. tipTextEnd - 开始倒计时之后的提示文字
    • type: String
    • required : false
    • default : 距离结束
  6. endText - 倒计时结束之后的提示文字
    • type: String
    • required : false
    • default : 已结束
  7. dayTxt - 自定义显示的天数文字
    • type: String
    • required : false
    • default : :
  8. hourTxt - 自定义显示的小时文字
    • type: String
    • required : false
    • default : :
  9. secondsTxt - 自定义显示的分钟文字
    • type: String
    • required : false
    • default : :
  10. secondsFixed - 自定义显示的秒数文字
    • type: String
    • required : false
    • default : : ### callBack
  11. start_callback - 开始倒计时结束之后的回调方法
    • type: Function
    • required : false
  12. end_callback - 活动倒计时结束之后的回调方法
    • type: Function
    • required : false

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.