Software

This page lists some of the software you can get that displays a 24 hour analog clock. Some can be downloaded from this site; others are links to free, shareware, or commercial sites.

If you know any more, please let me know – or write one! A few more Windows examples would be good to have.

Android widget

Here’s a neat 24 hour clock for phones running Android, from Steve at staticfree.info. You can read about it here.

HDO clock for Android

hdo-clock

On the Android store, and also on the iTunes App Store.

Skyclock (iOS and PC)

Meet Skyclock

Skyclock, for both the iPhone and the PC (Windows only), has a 24 hour mode that makes a lot more sense to me than the 12 hour ‘conventional’ mode.

Skyclock for iPhone

Find the iPhone on the iTunes App Store (it’s free, ad-supported) and go to Skyclock for the PC version.

Yahoo widget

Max Emerson’s Yahoo widget can be downloaded from Softpedia. It says Windows, but it’s probably Mac as well.

yahoowidget.png

WorldTimeServer

The WorldTimeServer site provides Flash clocks that you can embed in web pages, and in the Windows Vista sidebar. For Windows Vista, visit WorldTimeServer.com:

vistaclock.png

If you’re using Apple MacOS X Leopard, by the way, you can easily make any web page (or any item from a web page) into a new Dashboard Widget. Visit the web site in Safari, then choose File>Open in Dashboard. Follow the instructions… !

Clock 24

This iOS clock is called Clock 24:

clock24 for ios

Sol for iPhone

This iPhone app is called Sol, written by Alexander Valys (web site sol.avalys.net. It’s an elegant sun clock showing the rising and setting times of the sun for a number of locations, ona 24 hour dial (12 noon at the top, 24:00 at the bottom).

sol.png

LifeClock Lite (iPhone)

Chris Wiegman‘s LifeClock lite is for iPhone.

lifeclock lite

Active Earth (Windows)

ActiveEarth is a software clock that runs on Windows computers. It provides a number of different 12 hour and 24 hour styles, including this one:

activeearth.png

You can buy this from Active Earth.

Watchmaker for Palm

Watchmaker for Palm has an interesting 24 hour option with abbreviated city names around the edge.

watchmaker.gif

Flash (Flash-aware web browser)

A Flash clock was kindly sent to me by Juan Carlos Tejedor, from Zaragoza (Spain), who says that he first saw a 24 hour analog clock in an episode of ER on TV. He modified an example supplied by Macromedia.

Download (SWF file)

iPhone web application

This web page has been designed specifically to work on an iPhone or iPod Touch as a web application . In fact, I suspect that it won’t work in any other browser apart from Safari. The artwork is mostly in PDF, for one thing.

If you have an iPhone please try this out, and let me know what you think!

iphoneclock.png

Note that a single tap will rotate the dial so that 12 or 24 is at the top. The red hand is supposed to show GMT.

Shepherd Gate Clock for iPhone

Here’s a familiar sight: the famous Shepherd Gate Clock at Greenwich, London. The Shepherd Gate Clock (this link is a link to the App Store) costs a modest dollar. I’m assuming that this is a genuine 24 hour analog clock. The time here is 20:10. It’s going to look a bit odd at midnight, with that sunlit brick wall…

shepherd-iphone.png

iWatch for iPhone

This next one is a puzzle. It’s called iWatch, and it features an attractive rendering of three watches, including this Patek Phillippe watch with a 24 hour rotating dial. What looks like the hour hand is really the minute hand, and what looks like the minute hand is really the second hand. So the time on this picture is about 04:18:49.

iwatch.jpg

(I’m not a big fan of the design, to be honest. The map is coarse, and that font isn’t attractive.) The real puzzle, though, is why this app is suddenly no longer available on the App Store, now that I want to provide a link to it.

DayTime for iOS

daytime

You can download DayTime from the App Store.

25h for iPhone

Not strictly a 24 hour clock, this excellent app is called 25h:

25h.png

The idea is simple:

Feeling overstretched? 24 hours in a day is not enough? Then 25h is a clock for you.

Trick yourself into having 25 hours in a day. Get things done faster and have an extra “hour” for yourself.

Note that 25h does not modify time–space continuum (or your biological clock) to give you an extra hour. It simply makes the rest of your hours appear a little shorter so that enough time is saved for an additional shorter “hour” at the end of the day.

I know some people who set their watches fast – this is an interesting alternative.

Chromachron 24 hour screensaver (MacOS X)

This screensaver is a version of a fascinating watch designed in the early 1970s by engineer and designer Tian Harlan. I’ve made a 24 hour version as a screensaver for MacOS X, using Quartz Composer.

chromachron.png

The Chromachron time display method was invented by artist and designer Kristian Harlan in the 1970s. ‘Tian’ Harlan was born in Berlin, in 1939. He studied Architecture in Berlin and became a qualified engineer. In 1972 he designed the Color Time sculpture for the Olympics Games in Munich. In 1973 he released the first Colour-Time graphics and objects. The Colour-Time watch, which had a mechanical movement, was manufactured by Chromachron A.G. in Germany.

On a Chromachron device, the time is indicated by the color and angle of a slit in a rotating disc. Beneath the disc the circle is divided into 24 sections (in the original 12 hour version, the disk was divided into 12 sections). Time is indicated both by the color of a slit in a revolving disk, and by the angle of the slit (similar to the hour hand of a conventional clock). The disc revolves at the speed of one coloured segment per hour, so that it is not possible to read the exact time: five minutes before twelve is read as “a short time before yellow”.

This approximate time measurement system was described as ‘ending the dictatorship of the exact time’. In total, Harlan designed approximately one hundred different watches. His work has been exhibited in Berlin, London, Amsterdam and Paris. It’s said that his Colour-Time watches were worn by, amongst others, Ringo Star, Max Bill, Charles Aznavour, and Carlo Levi.

More about the Chromachron here:

I’ve finally managed to work out how to add some options, so there’s a noon at the top option, a digital readout, and a way of adjusting the thickness of the coloured rim.

Update: Craig Lawson added some more features to my first version. The download link below now downloads his version. Thanks Craig!

Download (MacOS X only).

One-handed screen saver (MacOS X)

Download (MacOS X only).

Nebula CDateTime clock widget (Java)

Software people don’t always provide a 24 hour analog clock widget in their applications, but it’s a good idea – if only because it spares users who don’t like AM/PM having to specify times using these options. Here’s a more enlightened developer – Jeremy Dowdall – who has designed the Nebula CDateTime widget for Eclipse:

eclipse.png

It looks to me like it would be much easier to set the time using this widget than a 12-hour widget. What do you think?

MacOS Quartz Clock (MacOS X)

Chris Kent has written a nice clock application for MacOS and added this 24 hour option. No minute hand!

quartzclock.png

Unfortunately his web site appears to have closed, but you can probably still find this available for download somewhere.

Keith’s astrolabe (Java-capable computer)

It’s not strictly just a clock, but when run as a Java applet, these astrolabes can keep the time, using the 24 hour dial. They’re more for educational purposes, though, and for exploring the motions of the solar system. A lot of medieval astronomical clocks used astrolabe-type displays, and learning about them is easier when you have a software astrolabe to play with. This is an amazing simulation:

keiths-astrolabe.png

Go to Keith’s astrolabe page

Greenwich Observatory Shepherd Clock screensaver (MacOS X)

In 1852 Charles Shepherd installed a new clock outside the gate of the Royal Observatory at Greenwich. This was an electrically operated clock, one of the earliest ever made, and it was controlled by a master clock mechanism inside the main building.

shepherd-saver.png

This screensaver is a reasonably accurate simulation of the famous Shepherd clock.

Download (MacOS X only)

World clock Dashboard widget (MacOS X)

If you’re running MacOS X Tiger, take a look at this neat Dashboard widget.

simpleworldclockwidget.png

The earth moves anticlockwise, as of course it really does… You can get it at DashboardWidgets.com

Java clock

Antony Pranata wrote an excellent Java clock, which I’ve modified to show the time using the 24 hour system.

javaclock.png

Download (Java class file) Download (Java source file)

You can see the clock in action at André’s site, which is the definitive guide to 24 hour watches.

Screen saver (MacOS X)

One of the whizzy new features available in the latest MacOS release (10.4) is the Quartz Composer, a graphical programing environment for creating animated visuals. Quartz composer is free with every copy of the OS. I’m neither a programmer or an artist, but I’ve managed to copy and paste a few bits of code to produce this 24 hour analog clock screen saver. Expect the usual swooping rotating text and churning cycling gradients.

24houranalogclocksaverpic.jpg

Tasteless but fun.

Download (MacOS X only)

World Clock Dashboard widget (MacOS X)

I’ve modified Apple’s World Clock Dashboard widget to provide 24 hour analog time.

dashboard.png

I’ve left the timezone and country code alone, but changed the time drawing code and the graphics. Instead of the AMPM indicators, I’ve drawn the current time in digital form. Also, Apple created some clever JavaScript which gives the second hand a little bounce every second giving a realistic ‘sproing’ effect. Clever, but a waste of cycles (each of their World Clock widgets uses 10% CPU when active!), so I removed that code from my version.

I’m still learning about Dashboard, and how to make the graphics, so consider this a work in progress.

Download (MacOS X)

TimeDisc (MacOS X)

TimeDisc is a clever, ingenious, and elegant clock that uses coloured sectors. The clock can float over other windows, and can be transparent too. It also can appear in the Dock and in the menu bar. Andreas Mayer, the author, has added a 24 hour option.

timediscpic.jpg

www.furrysoft.de

Simple Clock24 (MacOS X)

This is a simple 24 hour analog clock application, based on Apple’s Clockview source code. This is a very basic application, with hardly any features, and no professional polish other than what Apple supplied. I haven’t a clue how to add new features – it was easy however to make the necessary maths adjustments to convert the 12-hour analog clock code to 24 hour operation.

clockview24.jpg

Download (MacOS X DMG file)

iPulse (MacOS X)

iPulse is a fabulous system monitoring tool/widget/gadget, which shows about 250 system parameters using a combination of dials, gauges, and floating windows.

ipulse.jpg

The developers saw the wisdom of providing a 24 hour clock mode (there’s a 12 hour clock mode too, for backwards compatibility).

Visit the IconFactory to find out about iPulse.

The Electric Astrolabe (Windows/Dos)

The Electric Astrolabe is a fully animated planetarium program in the form of a planispheric astrolabe.

electricastrolabe.jpg

The singular advantage of the astrolabe display, it claims on the web site, is that it shows the entire sky, both visible and invisible, on a single screen. Unlike a static instrument, The Electric Astrolabe can be set for any location and includes accurate positions of the Sun, Moon, and planets. In addition, The Electric Astrolabe includes over 150 stars which can be displayed as constellation asterisms and all of the Messier objects. Either a north or south projection can be shown. You can also display the phase of the Moon, Jupiter’s moons, Saturn’s rings, lunar eclipses and the phases of the planets at any time. The color of the sky above the horizon changes from blue, through twilight gray to black depending on the position of the Sun.

Also included are an animated orrery showing the planetary orbits and several text screens giving precise solar, lunar and planetary positions, a help screen and several screens for customizing the program to your location and choice of colors and making it easy to use.

Visit www.astrolabes.com/electric.htm.

PalmOS clock (PalmOS)

This is a 24 hour analog clock for your PalmOS handheld computer. This is a demonstration of the power of the DragonForth development environment. The original clock code was written by Dmitry Yakimov, at http://www.delosoft.com. I’ve adapted it for 24 hour analog operation. It used to work with PalmOS 3.5. I don’t know whether it works on more recent systems.

Download

Zenmai (MacOS 9 and X)

This application is a free clock-construction kit, with the ability to define 12 and 24 hour analog and digital clocks. You can play with it for hours! The clocks you build run natively in OS X in floating, transparent windows, although the editor is a Classic-only application.

Here’s a screen shot of two of my first attempts. Both are noon at the top designs. The smaller one is a conventional hand-based style, the lower one is a playful investigation into a different style using dots instead of hands: the red dot shows the seconds, the green dot the minutes, and the yellow ‘sun’ dot the hour. Both clocks are translucent.

zenmai.jpg

Visit the Zenmai clock site.

SVG (any SVG-aware web browser)

This is a simple 24 hour analog clock, with a nice sweep second hand. There are various keyboard shortcuts for zooming in, out, and panning.

The clock can lose the current time if your computer sleeps. This is probably because it’s just a demo of SVG, rather than a proper clock.

At the moment I can’t see how to get this file to display in a web page. Adobe says that this will work: Click here to open the SVG file. But I don’t believe it’s that easy…

Download (SVG file)

Alarm Clock (Windows or Linux: FLTK)

Bernd has written a free alarm clock program to try out the FLTK toolkit for making GUIs and things like that. It has a 24 hour analog option.

Islamic 24 hour clock

Ali Adams has produced a 24 hour clock in Java designed to support Islamic daily prayers.

islamicclock.png

The five extra hands you see are the calculated times for the 5 daily ritual prayers. Read more at Wikipedia: Salat.

Download (Java files in ZIP archive)

Glycine Airman Screen Saver (MacOS X)

I made another screen saver for MacOS X, using Quartz Composer. This is a fairly accurate copy of the Glycine Airman Double 24 09. I’ve been reading about the Glycine Airman in André’s excellent book “Glycine Airman: a 24 hour timeline of flight” (more here).

glycinesaver.png

Download (MacOS X only)

Hack the Windows 7 Clock Gadget

An anonymous correspondent writes:

Hello! I’ve recently had the idea to tweak the standard Windows 7 clock gadget and turn it into a 24 hour clock.

This is a tutorial to modify the existing clock gadget on windows 7 to turn it into a 24 hour clock, with “24” at the top. To do this, you have to do 2 things:

  1. slow down the hour hand by half its speed (so that, basically, it points to 24 points on the dial except for 12)
  2. change the background image to a 24 hour display

Additionally, you can:

  1. change the hour and minute hands to something else
  2. modify the gadget’s info that appears when clocking on “show details” in the gadget selection window.

It all boils down to:

  1. editing just one javascript file to change 3 lines of text (you do it in notepad)
  2. replace one image with another in the gadget’s folder
  3. replace two images in the gadget’s folder
  4. change some details in another file, or change the icon that appears in the gadget selection window

First of all, go to “C:\Program Files\Windows Sidebar\Gadgets” and copy the “Clock.Gadget”. Then press the windows button +r keyboard shortcut to open the “run” command window, and type in “shell:gadgets”.

This will take you to the location on your computer where third party gadgets are stored. I’m pretty sure you could leave the edited gadget in the original location also, if you prefer.

Paste the “Clock.Gadget” folder here. I’ve renamed it “Clock24.Gadget” to avoid confusion, and that’s how I’m going to refer to it here too.

NOTE: when renaming this folder it is imperative to keep the “.Gadget” part of the name as is, only change the first part of the name.

Enter the folder and go to “[…]\Clock24.Gadget\en-US\js”, where you will find 3 javascript files. The only one that interests us is “clock.js”, so just right-clik it, go to “open with” and choose notepad. scroll down to where it says:”////////////////// calculate current time///////////////” a little further down is a bit that says:

if (hours > 12) { rotationHours = hours – 12; }”

delete this part completely, and then change the next two lines to:

h.Rotation = (rotationHours * 15) + (minutes / 4); m.Rotation = (minutes * 6) + (seconds / 10);

and that’s that, save and exit.

Return to the main folder of the gadget and go to the “images” folder. As you can see, this is where all the clock faces and hands are for the different clock skins. You can modify the images for any of the skins, and when you choose that particular skin for the clock it will show your new images instead. I chose to edit the “traditional” clock face. This is at the end of the folder, and contains the files “trad.png”, “traddot.png”, “tradh.png” and “trad_m.png”.

Now you will either need to find or edit an image with a 24 hour clock face so that it’s 130 x 130 pixels. You can even draw it yourself if you’d like. Let’s say, for example, that you borrow a clock face from the “world time server” gadget, which is shown on this site in the “software” article. Just download the world time server gadget and install it, go to the folder for the third party apps as explained above, and choose a face from the “images”. These are all already 130×130 pixels. Once you’ve found or made an image, copy it into our gadget’s “images” folder, delete the “trad.png” image and rename your image to “trad.png”.

Now, if you open the gadget selection window (meaning right click on the desktop and choose “gadgets”) you should see two gadgets that look like the original windows clock gadget. One of them is our gadget, drag both to the desktop to find out which one is ours and see that it is working properly (i.e. it is pointing at the right hour and the background image is showing as intended.

You can now edit the hour and minute hands as you wish, simply repeat the procedure that we did for the “trad.png” image to change the “tradm” and “tradh” files to whatever you like.

NOTE: remember to close the gadget before editing any part of it or it won’t let you. Also, I chose to remove the shadows under the hands for a clearer display. If you want to do that, just open “clock.js” in notepad again and a little further remove this bit:

h.addShadow("grey", 2, 40, 2, 2); m.addShadow("grey", 2, 40, 2, 2); s.addShadow("grey", 2, 40, 2, 2);

To avoid confusion when selecting the gadget in the gadget selectin window, let’s change its icon. In the main folder of our gadget, you will see two files “drag.png” and “icon.png”. The icon.png file is what is displayed in the gadget selection window, the drag.png is what is displayed beneath your mouse as you drag-and-drop the gadget on your desktop. I chose to simply copy the new clock face image for the “drag.png” file, and then resize a copy of the file to 71×71 pixels for the “icon.png” file. Furthermore, in the gadget selection window, if you select your gadget and choose “show details” on the bottom of the window, you will see a bunch of info which you can edit, I chose to ignore it as I never look at it anyway. What I did do was delete the “logo.png” file in the main folder of our gadget, as I didn’t need it.if you wish do edit any part of the info, just go to the “en-US” folder and open “gadget.xml” in notepad.basically what you need to do here is identify where in the code you can find the text displayed as info that you wish to remove or change, and then change it. For example, you can find the text “Watch the clock in your own time zone or any city in the world.” between the “” bits and simply change it to “This is my first incredible amazing 24 hour clock”.

I highly advise you to create a backup of this “gadget.xml” file before experimenting with it, as the gadget may give you errors if edited improperly.

And that’s that, enjoy your new 24 hour clock gadget. Here’s what mine looks like http://tinypic.com/r/fkqyoh/6

The background is a photoshopped version of the 24 hour analog clock widget also shown on this blog in the “Software” article:

http://staticfree.info/projects/24h_clock/

the hands are edited versions of the “modernm” and “modernh” files in our gadget’s “images” folder.

15 comments

  1. Great site and nice interest!
    I’m about to learn my son the clock but it seems that it’s impossible to find a clock which shows 24 hours on 12 ticks, i.e. when the time is e.g. 2 the clock should also show 14 (and 10min.). I know, just a matter of background styling but nevertheless hard to find.
    In the middle of the clock you could make an animation of your routines also in order to see sun rise, tooth brushing etc. 🙂

    In order to show how time passes it would be great being able to turn the dials dynamically on an iPod apps. instead of going into settings.

    Sorry for this developing into a wishlist but maybe you have an idea ‘just’ concerning the integrated 12, 24 and min. display…

    1. I think there’s lots of things that you can do with such a simple thing as a clock face, especially for kids.It would be nice if the true analog 24 hour dial could be the first one that kids learn – logical and practical. But the real world is all around us, and it must be confusing enough already!

  2. Just scouting for a simple mac O S X analog desktop 24 hr clock *& not a widget… So many here to ponder over. I guess I will set my eyes on google images from search where I came from
    simple floating clock mac os x.J T W CNTRL FLA

  3. Looking for a 24 hour analog app for Android [Eclair] based platform, on Samsung Galaxy.

  4. Hi there!

    Regarding the iPhone javascript-based 24 hour clock with switchable 12 or 24 at the top (http://clock24.nfshost.com) – with your permission myself and a colleague can make it into a standalone Mac app so it doesn’t need a browser to run and you can have it always on top on your screen.

    Will send you the file for this page to share the love!

    Let me know.

    Cheers,
    Craig (Glycine Airman purist fan from Australia)

    1. Go for it – use anything you like. (PS – there’s some better quality Glycine Artwork in the Glycine screen saver too… 🙂

      1. Hi Stewart.

        We did actually get this working. I can get the app for you. Unfortunately, it is called “CCClock” as my initials are CC and the dev didn’t know what else to call it at the time…

        I was hoping to get it called something else before posting it but that time may never come! 🙂

        So sometime today I will post it.

        Regards, Craig.

  5. wouldn’t it be awesome to have a smart watch with 24 hours where you can also place labels on the times of interest.

  6. Hi.
    Can you please inform if it is already have it in ‘smart watches’? In what models?
    Thank you.

    1. There are dozens on the google play store for Android watches. Apple Watch doesn’t permit third-party dials/displays. Don’t kno ]w about any other smart watches…

  7. Analog Clock 24-7 is an extremely configurable 12/24 hour clock. In 24 hour mode you can have 12 or 24 at the top and choose 0 or 24 as the starting point. It can save multiple custom configurations and works as a widget or as live wallpaper. It’s the 24 hour analog clock for Android I’ve been waiting for.

Leave a reply to Jens Cancel reply