vue2-countdown

by cgygd

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

133 Stars 56 Forks Last release: Not found MIT License 19 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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.