vue2-flip-countdown

 

A simple flip countdown timer component for Vue 2.x

!screenshot

Demo

Notes on v1.0.0+

1.x.x versions are based on Webpack 5.x, whereas 0.x.x versions are based on Webpack 3.x.
If you have any trouble when upgrading to 1.x.x, please roll back version to 0.x.x.

Installation

``
npm i vue2-flip-countdown --save
`

$3

`
cd demo
npm i
npm run serve
`

Then open on a browser.

Usage

`vue



`

- If you want to remove days section, set showDays prop to false (available since v0.10.0)
- If you want to remove hours/minutes/seconds section, set showHours/showMinutes/showSeconds prop to false (available since v0.11.0)

`vue

`

- To notify if timer has elapsed, bind a handler to timeElapsed event emitted by component

`vue

`

Please refer to /demo directory for examples.

If you're using Nuxt.js, use to avoid server-side rendering. (You will get error if you don't use )

`vue

``

References

- vuejs-countdown
- Demo for 'Flip clock & countdown, Vue'