randRange( 1, 12 ) randRange( 0, 11 ) * 5 MINUTE > 5 ? MINUTE : "0" + "" + MINUTE icu.getDateFormatSymbols().am_pm[HOUR >= 7 ? 0 : 1]

What time is it?

init({ range: [ [-4, 4 ], [ -4, 4 ] ], scale: 25 }); clock = addAnalogClock({ hour: HOUR, minute: MINUTE, minuteTicks: 0, showLabels: false }); clock.draw();
init({ range: [ [-5, 5], [-3, 3] ], scale: 25 });

The time is HOUR : NICE_MINUTE AM_PM

clock.drawLabels();
path([ [-3, -1], [3, -1], [3, 1], [-3, 1], [-3, -1] ]); graph.time = label( [0, -0.1], "\\Huge{\\phantom{00}:\\phantom{00}}", "center" );

The small hand is for the hour, and the big hand is for the minutes.

The hour hand is pointing at `HOUR`, so the hour is `HOUR`.

The hour hand is between `HOUR` and `HOUR + 1 === 13 ? 1 : HOUR + 1`, so the hour is `HOUR`.

The hour hand is close to but hasn't passed `HOUR + 1 === 13 ? 1 : HOUR + 1`, so the hour is still `HOUR`.

graph.time.remove(); var padding = HOUR < 10 ? "\\phantom{0}" : ""; graph.time = label([0, -0.1], "\\Huge{" + padding + HOUR + ":\\phantom{00}}", "center" );

The minute hand starts pointing straight up for `0` minutes, and it makes a complete circle in one hour (passing by all `12` numbers in `60` minutes).

For each number that the minute hand passes, add `\dfrac{60}{12} = 5` minutes.

The minute hand is pointing at `(MINUTE / 5) === 0 ? 12: MINUTE / 5` , which represents `0` `5 \times (MINUTE / 5) === 0 ? 12: MINUTE / 5 = MINUTE` minutes.

graph.time.remove(); var padding = MINUTE < 10 ? "0" : ""; graph.time = label([0, -0.1], "\\Huge{" + HOUR + ":" + padding + MINUTE + "}", "center" );

The time is `HOUR`:`NICE_MINUTE`.