Waarom timers in browsers achterlopen, en hoe een online aftelklok nauwkeurig blijft

Een timer in de browser blijft nauwkeurig als hij de klok uitleest en niet als hij tikken telt. Sla de eindtijd op wanneer de timer start, en trek bij elke schermupdate de huidige tijd ervan af. Tikken kunnen te laat komen of vertraagd worden in een tabblad op de achtergrond, maar de aftrekking klopt altijd op het moment dat de pagina die controleert.

Online timerTimer of stopwatch nodig?Gratis doen

Waarom tikken tellen afwijkt

Een veelgebruikte manier om een timer te schrijven is elke seconde één af te trekken van een teller. De browser voert die stap uit met een herhalende timer, die vraagt om een functie elke zoveel milliseconden uit te voeren. De browser belooft geen exacte timing. Een druke pagina, een trage computer of een verborgen tabblad kan elke tik vertragen, en die vertragingen tellen op. Een teller die per tik een paar milliseconden verliest, klopt na een paar minuten zichtbaar niet meer.

Wat verborgen tabbladen doen

Browsers vertragen timers in tabbladen die je niet bekijkt. Dat bespaart batterij en rekenkracht. Chrome beperkt bijvoorbeeld hoe vaak herhalende timers draaien in een verborgen tabblad, en na een lange tijd verborgen kunnen die timers veel minder vaak lopen. Een teller in zo'n tabblad loopt achter, en daarom kan een aftelling die tikken telt te laat klaar zijn.

In plaats daarvan de klok uitlezen

De oplossing is vastleggen wanneer de timer startte en wanneer hij moet eindigen. De browser biedt een klok met hoge resolutie, performance.now(), die bedoeld is om tijdsduren te meten. Wanneer het scherm wordt bijgewerkt, berekent de timer de resterende tijd als eindtijd min nu. Een late update toont even een iets verouderd getal, maar de volgende update corrigeert dat, omdat de berekening niet afhangt van hoeveel tikken er zijn geweest. De online timer op deze site werkt zo.

Pauzeren slaat de resterende tijd op. Hervatten zet een nieuwe eindtijd, namelijk nu plus de resterende tijd, zodat de pauze het aftellen niet verstoort.

De pagina stelt ook één timer in op het moment waarop de aftelling moet eindigen. Het alarm wacht dan niet op de volgende schermupdate, zelfs als die vertraagd is.

Waarom de weergave naar boven afrondt

Een aftelling toont de resterende tijd afgerond naar de volgende hele seconde. Een timer van drie seconden staat bij de start op 00:03, loopt dan door naar 00:02 en 00:01, en staat op 00:00 als hij klaar is. Naar beneden afronden zou de laatste seconde al 00:00 tonen, en dat voelt als één seconde te vroeg. Een keukenwekker werkt op dezelfde manier.

Geluid en het scherm

De toon wordt gemaakt door het audiosysteem van de browser, dus er wordt geen geluidsbestand gedownload. Browsers staan geluid pas toe na een actie van de gebruiker op de pagina, dus het geluid wordt voorbereid wanneer je op Start drukt. Het volume en de stille modus van je apparaat blijven gelden.

De schermvergrendeling is optioneel. Waar de browser dat ondersteunt, kan de pagina het apparaat vragen het scherm aan te houden terwijl de timer loopt. De browser geeft de vergrendeling vrij wanneer het tabblad verborgen wordt, dus de pagina vraagt opnieuw wanneer je terugkomt.

Wat een rondetijd van een stopwatch meet

Een stopwatch telt de tijdsduren op waarin hij heeft gelopen, en pauzeren houdt die som tegen. Het totaal is de tijd sinds de start, en een ronde is het verschil in het totaal sinds de vorige ronde. Tijd van ronde 1 is gelijk aan het eerste totaal. Tijd van ronde 2 is gelijk aan het tweede totaal min het eerste. Het scherm toont honderdsten van een seconde, maar de meting is beperkt door het apparaat en de browser, dus behandel het laatste cijfer als een benadering. Voor dienstroosters in plaats van een stopwatch rekent de Urenberekenaar de sommen uit kloktijden uit, zoals beschreven in gewerkte uren bij nachtdiensten.

Praktische controles

• Test een korte timer met een horloge voordat je erop vertrouwt bij koken of trainen. Een test van 30 seconden is genoeg om te zien of het apparaat goed werkt.
• Zet het volume hoog en controleer of het apparaat niet op stil staat.
• Een timer houdt de juiste tijd bij terwijl het tabblad verborgen is, maar als je het tabblad sluit of de pagina opnieuw laadt, wordt hij gereset.
• Als een laptop slaapt tijdens een aftelling, controleer dan de resterende tijd wanneer hij weer wakker wordt, want het gedrag tijdens slaapstand hangt af van het apparaat en de browser.

Zo doe je het met fixmint

1. Kies Timer, en druk dan op een voorinstelling zoals 5 min, of typ Uren, Minuten en Seconden.
2. Druk op Start. Je kunt van tabblad wisselen en de tijd blijft kloppen. Een herlaad reset de timer.
3. Vink Scherm aan houden terwijl hij loopt aan als je browser die optie biedt.
4. Voor rondetijden kies je Stopwatch, druk je op Start en dan bij elke tussentijd op Ronde.
5. Meet een test van 30 seconden met een horloge voordat je op de timer vertrouwt bij koken of trainen.

Bijzondere situaties

• Klokwijzigingen. Een aftelling meet verstreken tijd, niet de wandklok, dus de overgang naar zomer- of wintertijd heeft er geen invloed op.
• Lange timers. Een timer voor meerdere uren blijft nauwkeurig, maar controleer of het apparaat in de tussentijd niet in slaapstand is gegaan.
• Meer dan één timer. Elke timer houdt zijn eigen eindtijd bij, dus twee timers in twee tabbladen storen elkaar niet.

Snelle antwoorden

Waarom loopt een timer achter in een tabblad op de achtergrond? Browsers vertragen herhalende timers in verborgen tabbladen, dus een timer die tikken telt raakt achterop. Een timer die de klok uitleest doet dat niet.

Klopt de timer nog als ik terugkom naar het tabblad? Ja. Hij toont de resterende tijd op basis van de opgeslagen eindtijd.

Wat is het verschil tussen een ronde en een totaal? Een ronde is de tijd sinds de vorige ronde. Het totaal is de tijd sinds de stopwatch startte.