vue-cool-timer

vue-cool-timer

A count down timer made with vue js

Install

npm install vue-cool-timer --save

Usage

import VueCoolTimer from 'vue-cool-timer'

new Vue({
  template: '<VueCoolTimer :config="config"></VueCoolTimer>',
  data () {
    return {
        config: {
                endTime: "Aug 14, 2019 21:00:00",
                textColor: '#ffffff',
                background: 'linear-gradient(to right, #545454, #3f3f3f, #2a2a2a)',
                showHeader: true,
                format:"dd-hh-mm-ss"
        }
    }
  },
  components: { VueCoolTimer }
});

Configuration

Property	Details
endTime	the end time of the count down
textColor	color of the timer texts
background	background of the timer texts
showHeader	boolean, determines to show/hide headers
format	format of the timer. Use only what you need. Like if you want to get only days and hours, use 'dd-hh'

License

MIT