If you're reading this, you probably tried to use the timer, and it didn't work.
That means that one of the parameters was wrong (or that my code broke, sorry).
This timer works via URL parameters, so they can just be clicked on and start running immediately, without much else being necessary.
For example, here's one that's set for 90 seconds.
The URL for that is window.location.hostname?t=90
You can also style the foreground and background colours with hex codes!
For example, here's another 90 second timer, this time with a white background and a red foreground.
The url for that one is window.location.hostname?t=90&bg=FFF&c=F00
One last example, here's a 60 second timer, which hides the help dialogue, adds the ability to open in fullscreen, adds a message at the end, with a black background and red foreground.
The url for that one is window.location.hostname?t=60&bg=000&c=F00&hidehelp&fullscreen&m=Hello, World!
Below is a table of all the options currently available, with a list of what they do.
| Name | Parameter | Description | Format | Default Value |
|---|---|---|---|---|
| Time | t | How long, in seconds, the timer should run for | t=x, where x is an integer | If t is left blank, the timer will not run. |
| Message | m | The message that displays after the countdown is complete | m=x, where x is the message | No default. |
| Background Colour | bg | What color the background should be | Either bg=xxx or bg=xxxxxx, where each x is hexidecimal digit between 0 and F | 333 |
| Foreground Colour | c | What color the text and bar should be | Either c=xxx or c=xxxxxx, where each x is hexidecimal digit between 0 and F | EEE |
| Hide Help | hidehelp | Whether the help link in the top corner should be hidden. | The presence of the hidehelp parameter in the url sets it to true, otherwise it is false | false |
| Full screen | fullscreen | Attempts to automatically open the timer in full screen, and if that is not possible, adds the ability to open the timer in full screen by clicking anywhere on the screen. | The presence of the fullscreen parameter in the url sets it to true, otherwise it is false | false |