https://github.com/granze/flip-clock-vanilla
A flip clock, timer and countdown made with vanilla web components
https://github.com/granze/flip-clock-vanilla
clock countdown custom-element hyperhtml shadow-dom timer web-component
Last synced: 3 months ago
JSON representation
A flip clock, timer and countdown made with vanilla web components
- Host: GitHub
- URL: https://github.com/granze/flip-clock-vanilla
- Owner: Granze
- License: mit
- Created: 2015-12-23T17:17:00.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-11-25T18:12:53.000Z (over 7 years ago)
- Last Synced: 2025-03-07T10:02:01.104Z (3 months ago)
- Topics: clock, countdown, custom-element, hyperhtml, shadow-dom, timer, web-component
- Language: JavaScript
- Homepage: http://granze.net/flip-clock-vanilla/
- Size: 158 KB
- Stars: 12
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# flip-clock
A vanilla Custom Element implementation of the [original one](https://github.com/granze/flip-clock) made with Polymer
## Installation
//TODO
## Demo
You can find a demo [here](http://granze.net/flip-clock-vanilla/).
## Attributes
| Attribute | Description | default |
| --- | --- | --- |
| auto | {Boolean} Auto start the timer and/or the countdown | false |
| displayMode | {String} Set the flip clock mode. Possible values are 'timer' and 'countdown'. A clock will be displayed if no value is specified | null |
| hideHours | {Boolean} Hide the hour digits in the counter, timer and countdown | false |
| hideSeconds | {Boolean} Hide the seconds digits in the counter, timer and countdown | false |
| showButtons | {Boolean} Show the command buttons to start, stop and reset a timer or a countdown | false |
| startFrom | {String} Starting minutes for the countdown | null |
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## License
MIT