Een webbased timer te gebruiken
Een tijdje geleden vond ik ergens op Internet een timer. Je kunt er uren, minuten en seconden invullen waarna een popup verschijnt die je attendeert op het verlopen van de ingegeven tijd. Als je het webbrowser venster waarin de timer loopt minimaliseert zal deze maximaliseren en als je werkt met tabbladen dan krijg het tabblad een kleurtje waardoor deze op valt.
Omdat ik net wat wilde proberen met het opmaken van een formulier met de HTML codes “fieldset” en “legend” heb ik destijds de layout van de timer wat netter gemaakt. Vandaag heb er nog een aanpassing bij gemaakt. Met dank aan de webpagina “Get URL Parameters Using Javascript” is het nu mogelijk om parameters door te geven aan de timer. Parameters waarmee je de tijd al vooraf kunt instellen. En toen dacht ik, waarom eigenlijk niet posten ter informatie. Er zit inmiddels interessante code in want de pagina bestaat enkel uit HTML en JavaScript.
Parameters in de URL van de timer
De parameters spreken voor zich en zijn:
- hours
- minutes
- seconds
Daarbij kun je ook aangeven dat de timer direct moet gaan lopen met de parameter:
- start=true
Voorbeelden van aanroepen naar de timer
Het eerste voorbeeld gebruik is gewoon de URL van de timer zelf. Als je deze bewaart bij je bookmarks dan kun je snel de timer erbij pakken.
Het tweede voorbeeld is een URL met twee minuten als tijd. Leuk voor Getting Things Done (GTD) om eens te ervaren hoeveel tijd twee minuten eigenlijk is voor het behandelen van een item uit je inbox. Meer over Getting Things Done in “Elke dag je hoofd en inbox leeg“.
http://timerwebpage.googlecode.com/svn/tags/PROD/timer.html?minutes=2
Als derde nogmaals het voorbeeld van de twee minuten maar nu begint de timer direct met aftellen.
http://timerwebpage.googlecode.com/svn/tags/PROD/timer.html?minutes=2&start=true
En tenslotte een voorbeeld van de twee minuten die direct beginnen met aftellen in de vorm van een formulierknop.