emitting-analog-clock

// Clock with custom colors
createAnalogClock({
id: 'clock2',
size: 200,
color: '#d2d2aa',
visibleSecondHand: false,
backgroundColor: '#303011'
});

// Smooth moving clock with digital display
(function createClock3(){
var runnning = true;
var lastTime = null;
var clock3Button = document.getElementById('clock3-button');
clock3Button.addEventListener('click', () => {
runnning = !runnning;
});
createAnalogClock({
id: 'clock3',
size: 170,
smooth: true,
showDigital: true,
dateFunc: (now) => {
if (runnning) {
lastTime = now;
return now;
} else {
return lastTime;
}
}
});
})();

// Reverse clock
createAnalogClock({
id: 'clock4',
size: 240,
dateFunc: (now) => - now.getTime(),
smooth: true,
showDigital: true,
color: '#dd22dd',
backgroundColor: '#000000'
});

// fast clock
createAnalogClock({
id: 'clock6',
size: 250,
dateFunc: (now) => now.getTime() * 4,
nextFunc: (date) => 250,
showDigital: true,

});