Home Animation Plugins Vue Awesome High-Performance Countdown Plugin For Vue.js

Vue Awesome High-Performance Countdown Plugin For Vue.js

Animation Plugins webcodeflow · April 5, 2022 · Comments off

vue-awesome-countdown is a high-performance, high-accuracy countdown timer plugin for Vue2.5.0+.

vuetify countdown timer, countdown vue js, vue countdown npm, vue 3 countdown timer, vue awesome countdown, vue timer interval

A Local Individual For Each Countdown Timer Used on JQuery | Timer.js

How to make use of it:

Install & Download:

$ npm install vue-awesome-countdown --save
# or
$ yarn add vue-awesome-countdown

import vueAwesomeCountdown from 'vue-awesome-countdown'

Vue.use(vueAwesomeCountdown, 'vac') // Component name, `countdown` and `vac` by default

var Vue = require('vue');
var vueAwesomeCountdown = require('vue-awesome-countdown').default;

Vue.use(vueAwesomeCountdown);

<countdown :end-time="new Date().getTime() + 60000">
  <span
    slot="process"
    slot-scope="anyYouWantedScopName">{{ `Lefttime: ${anyYouWantedScopName.timeObj.ceil.s}` }}</span>
  <span slot="finish">Done!</span>
</countdown>

<vac :end-time="new Date().getTime() + 60000">
  <span
    slot="process"
    slot-scope="{ timeObj }">{{ `Lefttime: ${timeObj.m}:${timeObj.s}` }}</span>
  <span slot="finish">Done!</span>
</vac>

High Performance Countdown, vue awesome countdown Plugin/Github