@choujiaojiao/vue2-countdown⏰

vue倒计时插件

vue-countdown是一个无依赖项的轻量级vue组件，轻松实现倒计时需求，摆脱时间函数烦恼。 支持SSR。

Try the demo

如何使用

yarn add @choujiaojiao/vue2-countdown
or
npm install @choujiaojiao/vue2-countdown

例子

<template>
  <Countdown :time="3666" format="hh:mm:ss" @on-end="onCountdownEnd">
    <template slot-scope="{ time }">{{ time }}</template>
  </Countdown>
</template>

<script>
  import Countdown from '@choujiaojiao/vue2-countdown'
  
  export default {
    components: { Countdown },
    methods: {
      onCountdownEnd() {
        console.log('countdown end~')
      }
    }
  }
</script>

属性

| Property | Description | type | default | | -------- | ------------------------------ | :-----: | :-----: | | time | 倒计时时间差（单位：秒） | Number | 0 | | step | 多久执行一次倒计时（单位：秒） | Number | 1 | | switch | 倒计时开关 | Boolean | - - | | format | 格式化 | String | - - |

方法

| Function Name | Description | | :-----------: | ---------------------------------------------------- | | on-end | 倒计时结束回调 | | on-countdown | 每次倒计时回调 | | reCountdown | 重新倒计时( ex: this.$refs.countdown.reCountdown() ) |