Javascript Poker Clock / Poker Timer

As part of brushing up my javascript knowledge, I decided to implement a poker clock. There are plenty of downloadable phone apps that does this already, but I wanted something that could run full screen on a computer (making it easier for everybody at the table to see the structure of the current and next level). There are some web-based ones as well, usually running in flash. The final app has been tested in recent versions of Firefox (3.6+) and Google Chrome (5+), plus seems to run fine in the Android web browser (2.1, 2.2, but without sound) and Mobile Safari/iPhone (some bugs with sounds, possibly related to browser not caching the HTML5 audio streams). It behaves a bit differently than most web based apps as well, in that it always tries to maximize itself, making full use of whatever space the browser allows (even full screen).

You can launch the poker clock by following this link.

At the end of this page I've attached screenshots of the application running in the browser, on my Android phone (HTC Magic, running 2.1) and iPod (iOS 4).

Here are some of the keystrokes used by the application, of which some have actual buttons visible in the app itself:

• space/p - Toggle pause
• s - Enter setup screen for tournament setup / parameters
• pgup/pgdown - Previous/next level
• b/f - Backwards/forwards in time (1 minute)
• r - Randomize seating; shuffles seats of players still in tournament
• esc - goes back (e.g. from the setup screen)

In addition, to toggle whether a player is still in or out of the tournament, press the player name with the mouse button or finger.