Need help with vue2-flip-countdown?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

philipjkim
130 Stars 51 Forks MIT License 68 Commits 8 Opened issues

Description

A countdown timer with flip effect for Vue 2.x

Services available

!
?

Need anything else?

Contributors list

# 489,477
JavaScr...
HTML
29 commits
# 664,715
JavaScr...
Shell
5 commits

vue2-flip-countdown

npm version tested with jest

A simple flip countdown timer component for Vue 2.x

screenshot

Demo

Installation

npm i vue2-flip-countdown --save

Running Demo on Local Machine

cd demo
npm i
npm run serve

Then open http://localhost:8080 on a browser.

Usage

  • 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)
    
    
  • To notify if timer has elapsed, bind a handler to

    timeElapsed
    event emitted by component
    
    

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

)

References

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.