The polar timer is a timer application running in the browser without using plugins. It consists of three independent timers, each represented by a ring. This timer is extremely useful for time management techniques, e.g. the Pomodoro technique, which split tasks into several atomic time slots.
Each timer can be started or paused by clicking on the grey torus. The default runtimes for the timers are 25 min, 15 min and 5 min respectively. Clicking on the white inner ring in each timer adds one minute, clicking on a grey minute mark removes one minute from the timer.
|Grey torus||Mouseover the grey timer ring displays how often this timer has been completed in the current session. Tracking execution count is helpful for time management techniques like Pomodoro, where for example each four long timer runs a short timer run follows.|
|Minute mark, white ring||Displays the runtime for the respective timer in minutes.|
|Running timer arc||Shows the time left for the running timer in minutes.|
The timer scales with the browser's window size. The marks and white inner rings are removed if the size gets to small, so for configuration of the timers you may need to enlarge the browser window.
Clicking on the sound icon enables a short audio alarm on timer completion. For browsers with support for desktop notifications, on the first start of a timer, the browser will ask you whether you want to allow notifications or not. If you enable notifications, you will receive one on timer completion. You can always withdraw this authorization in the browser's settings.
The timer is implemented in SVG/VML using the Raphael JS library. In modern browsers, configuration data like the set timer runtime or sound status will be stored in the local storage. This is typically similar to Cookies, but stored on your system and not transferred back to the server.
You can use URL parameters to configure the timer's size, runtime and activate sound. URL parameters override locally stored values.
|size||Set this to the size of the outer timer ring in pixels.|
|tlong, tmedium, tshort||Set this to the runtime in minutes of each timer, from outer (long timer) to inner.|
|sound||Set this to 1 to activate sound notification after timer completion.|
|controls||Set this to 1 to enable control circles, i.e. dots to subtract one minute of timer and ring to add one minute to timer. 0 disables control circles. If this option is unset, control circles are displayed for large timers (window sizes) and automatically hidden for smaller ones.|
Example: Appending ?size=500&tlong=5&sound=1 to the URL, scales the timer to 500 pixels in size, sets the outer timer to five minutes and activates sound notifications.