jtfl2008 / vue-countdown

vue2中的倒计时组件

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-countdown

vue2中的倒计时组件

使用方式:

<div class="lefttime">
    <i-countdown :endTime="Date.now()+1000000" :diff="1000" :format="'d天hh小时mm分ss秒'"></i-countdown>
</div>
import iCountdown from '@/ui/i-countdown';

export default {
    components: {
        iCountdown
    },
}

i-countdown组件中接收的参数有:

  • endTime: {string | number} 截止时间,格式时间或毫秒级时间戳 '2018/08/08 23:59:59' | 1533743999000
  • diff: number 倒计时的频率,单位毫秒,默认为1000
  • format: string 展示的时间格式, d表示天, h表示时间, m表示分, s表示秒
  • start: boolean 手动开启倒计时
  • stop: boolean 手动结束倒计时

监听的方法:

  • @steps 每次倒计时触发一次
  • @finished 倒计时结束时触发,手动结束倒计时也会触发的

About

vue2中的倒计时组件


Languages

Language:Vue 100.0%