Timer

Start
Nu
Verlopen tijd
Timer aan?
Verversen na     seconde(n)

Deze timer heb ik gemaakt omdat ik er eentje wilde zonder toeters en bellen.
Ik hoefde zeker geen letterlijke toeters en bellen, zoals bij eierwekkers en pomodoro.
Eerst wilde ik ook geen figuurlijke toeters en bellen, maar zit ik niet in elkaar.

Als je deze pagina opstart of ververst, dan wordt eerst de datum & tijd van dat moment ingevuld achter Start
Daarna volgt een riedeltje van 3 dingen:
1. De datum achter Nu wordt ingevuld
2. De tijd die verlopen is tussen beide data wordt ingevuld achter Verlopen tijd
3. Via de JavaScript functie setTimeout wordt hele riedeltje opnieuw opgestart, maar met een seconde vertraging.

Maar zoals gezegd kon ik de toeters en bellen niet laten:

  1. Checkbox Timer aan? is toegevoegd aan het bovenstaande riedeltje als allereerste stap.
    Geen vinkje betekent geen Nu, geen Verlopen tijd en zelfs geen setTimeout; het proces is dus echt gestopt.
    Zo gauw je weer een vinkje zet begint het weer.
     
  2. Het tekstveld Verversen na [...] seconden biedt de mogelijk om niet per seconde, maar bijvoorbeeld na iedere 10 seconden een verversing van het scherm te krijgen.
    Probeer het maar eens: je zult zien dat alle Verlopen tijd eindigt op hetzelfde cijfer, bijvoorbeeld een 6.

    Nu kun je iets aardigs doen: wacht tot er een nieuwe Verlopen tijd is, haal het vinkje weg en zet het weer aan.
    Je zult nu een nieuwe tijd zien, bijvoorbeeld eindigend op 8.
    Daarna volgt weer een cijfer op 6, dan weer 8, etc. want er zijn nu 2 setTimeout-cycli actief.
    Als je het vinkje weghaalt en wacht gedurende het opgegeven aantal seconden, dan zijn beide cycli afgelopen.
     

  3. De knop Nieuwe starttijd ververst Start
    De ondertitel is F5 werkt ook, maar dan anders; dit kan F5 bijvoorbeeld niet:
    - Zet het vinkje uit: Nu wordt niet meer ververst
    - Wacht een tijdje, bijv. een halve minuut
    - Druk nu op deze knop: Start wordt gevuld met de huidige tijd, die later is dan Nu. Het negatieve tijdsverschil wordt aangegeven met het woord geleden.
    - Zet het vinkje weer aan: Nu is weer later dan Start
     
  4. Dit is de tweede manier om Start te wijzigen, en wel met de waarde van Nu
     

Reacties

Een reactie posten