Ha, amazing, I build the same 24 hour clock with night time for daily planning.

You can use an js SVG animation to have it run in real time: https://tomchen.github.io/animated-svg-clock/clock.svg

I have no idea why we stuck with the 12 hour clocks once we stopped using sundials and variable hours: https://en.wikipedia.org/wiki/Unequal_hours