If you're too young or come from the wrong place to have ever seen one of these in action, here's a video!
About the HTML Network SouthEast Clock
The HTML Network SouthEast Clock is intended to be a reasonably-faithful rendition of the iconic mechanical-digital railway clocks used in the South East region of British Rail, which have slowly disappeared from the network since privatisation.
We've tried to keep this relatively faithful to the size, dimensions, and colours of the Network SouthEast clocks. True historical accuracy is made more difficult (and sometimes undesirable) by a couple of factors:
- We've been working from photographs as references; schematics were not available in the early hours of the morning when we first started work on this. :)
- There was no single Network SouthEast clock. There are many variants; we've just picked elements we like from the variants.
Audio is compressed in Ogg Theora and MP3 for browsers with native HTML5 <audio> support. This works in all modern desktop browsers, including Internet Explorer 9.
Android renders borders quickly, rather than accurately. So the edges of the borders are jagged. This is impossible to solve, without rendering everything as an image (which would be no fun).
Sound in the Android browser is flaky, because its HTML5 audio support is flaky. It might work for you, or it might not.
The borders that make up the digits have a small radius (one or two rounded corners) in browsers that support it. This looks great in all browsers except Opera, where it looks weird; a check for Opera disables these on page load. We'd like to make it look exactly the same in all browsers, but sometimes that just isn't possible.
The iOS (iPhone, iPad) browser won't allow sounds to play except in response to (further down the call stack than) a user-generated event. This stops audio from playing uninvited, which is good, but it also means you cannot have a sound play every second, as we do here. So the clicking sound is disabled on iOS devices.
The train horn sound is this.
Copyright © 2012 AJ Computing and others.
Permission is granted to copy and/or modify this code for any purpose, provided a link is given back to this page where possible.
Comments or questions
Do email us; we'd love to hear your comments and questions.