https://github.com/zkerhcy/digital-clock-vue

A digital clock simulation builds on Vue.
https://github.com/zkerhcy/digital-clock-vue

clock digital digital-clock javascript vue vue-digital-clock

Last synced: 5 months ago
JSON representation

A digital clock simulation builds on Vue.

• Host: GitHub
• URL: https://github.com/zkerhcy/digital-clock-vue
• Owner: zkerhcy
• License: mit
• Created: 2020-03-08T12:03:53.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T09:26:38.000Z (almost 3 years ago)
• Last Synced: 2025-04-29T09:47:39.557Z (6 months ago)
• Topics: clock, digital, digital-clock, javascript, vue, vue-digital-clock
• Language: Vue
• Homepage:
• Size: 2.05 MB
• Stars: 10
• Watchers: 1
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# digital-clock-vue

[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/zkerhcy/digital-clock-vue/blob/master/LICENSE)

> A digital clock simulation build on Vue.

![digital-clock](asserts/img1.gif)

without seconds:

![digital-clock-without-seconds](asserts/img2.gif)

You can also use the [digital-number](src/digital-number.vue) component.

![digital-number](asserts/img3.png)

## Installation

via NPM:

```shell

npm install --save digital-clock-vue

```

via Yarn:

```shell

yarn add digital-clock-vue

```

## Usage

```js

import DigitalClockVue, { DigitalNumber } from 'digital-clock-vue'

export default {

  components: {

    DigitalClockVue,

    DigitalNumber

  }

}

```

## Props

| Prop          | Type    | Desc                                                 |

| ------------- | ------- | ---------------------------------------------------- |

| `color`       | String  | CSS color for digital number and twink.              |

| `showSeconds` | Boolean | Determine whether to show seconds, default is false. |

## Examples

```html



  



```


## License

[MIT](http://opensource.org/licenses/MIT)