vue-clock2 is a Vue.js 2 component for creating custom analog clocks on a web application.
analog clock using javascript, javascript analog clock code free download, analog clock html code, vuejs digital clock javascript
Responsive Analog Clock Ui Design Using HTML CSS & JavaScript
How to make use of it:
Install & Download:
npm install vue-clock2 or yarn add vue-clock2
Usage
<template> <clock :time="time"></clock> </template> <script> import Clock from 'vue-clock2'; export default { components: { Clock }, data () { return { time: '10:40:00' } } } </script>
Props
Property | Description | Type | Accepted Values | Default |
---|---|---|---|---|
time | time to display | String | – | – |
color | color to display | String | – | – |
border | clock border style | String | – | ‘2px solid’ |
bg | clock background style | String | – | – |
size | size to display | String | – | 150px |
analog clock component for vuejs, vue-clock2 Plugin/Github
See Demo And Download
Official Website(bestvist): Click Here
This superior jQuery/javascript plugin is developed by bestvist. For extra advanced usage, please go to the official website.