Skip to content

A simple countdown timer component for vue js 2.0

License

Notifications You must be signed in to change notification settings

10Pines/vuejs-countdown

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vuejs-countdown

A simple countdown timer component for VueJS 2.

screenshot

Installation

npm

npm i vuejs-countdown --save

Usage

<template>
  <div>
    <Countdown deadline="August 22, 2022"></Countdown>
    or 
    <Countdown end="August 22, 2022"></Countdown>
  </div>
</template>
<script>
import Countdown from 'vuejs-countdown'

export default {
  components: { Countdown }
}
</script>

Other Config

You can stop the countdown timer anytime by passing true (Boolean) with stop props.

You can decide whether to show the days when they are zero by passing true (Boolean) with showZeroDays props.

Example:

<div class="days-remaining">
    <Countdown :end="timerEnd" :showZeroDays="true"></Countdown>
</div>

Caution

Please don't provide any confusing date format since it has no dependency to Moment.js or any other date helpers.

About

A simple countdown timer component for vue js 2.0

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 73.8%
  • JavaScript 26.2%