A classic flip clock for the MagicMirror². It is powered by the awesome flip plugin.
1. Execute the following commands to install the module:
cd ~/MagicMirror/modules # navigate to module folder
git clone https://github.com/MarcLandis/MMM-FlipClock # clone this repository
cd MMM-FlipClock
npm install
2. Then, add the following into the modules
section of your config/config.js
file:
{
module: 'MMM-FlipClock',
position: 'top_left',
config: {
// See 'Configuration options' for more information.
}
},
Execute the following commands to update the module:
cd ~/MagicMirror/modules/MMM-FlipClock
git pull
npm install
The following properties can be configured:
Option | Description |
---|---|
timeFormat |
Use 12 or 24 hour format. Possible values: 12 or 24 Default value: uses value of config.timeFormat |
seperator |
Seperator to use. Default value: ":" |
displaySeconds |
Display seconds. Possible values: true or false Default value: true |
showPeriod |
Show the period (am/pm) with 12 hour format. Possible values: true or false Default value: true |
showPeriodUpper |
Show the period (AM/PM) with 12 hour format as uppercase. Possible values: true or false Default value: false |
showDate |
Turn off or on the Date section. Possible values: true or false Default value: true |
showWeek |
Turn off or on the Week section. Possible values: true or false Default value: false |
dateFormat |
Configure the date format as you like. Possible values: Docs Default value: "dddd, LL" |
timezone |
Specific a timezone to show clock. Possible examples values: America/New_York , America/Santiago , Etc/GMT+10 Default value: none . See more informations about configuration value here |
easing |
Configure the flipping animation as you like. Possible values: Docs Default value: "ease-out-bounce" |