0.1.0 • Published 5 years ago

@choujiaojiao/vue-countdown-timer v0.1.0

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

@choujiaojiao/vue-countdown⏰

vue倒计时插件

vue2 license

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

Try the demo

如何使用

yarn add vue-countdown
or
npm install vue-countdown

例子

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

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

属性

PropertyDescriptiontypedefault
time倒计时时间差(单位:秒)Number0
step多久执行一次倒计时(单位:秒)Number1s
switch倒计时开关Boolean- -
format格式化String- -

方法

Function NameDescription
on-end倒计时结束回调
on-countdown每次倒计时回调