Besplatan Pomodoro tajmer

Kako radi

Ovaj Pomodoro tajmer radi u potpunosti u pregledniku bez ikakvih vanjskih biblioteka. Odbrojavanje je usidreno na vremenski žig zidnog sata koristeći Date.now() tako da usporavanje pozadinske kartice ne može usporiti tajmer, i svi zvukovi obavijesti se sintetizuju na zahtjev putem Web Audio API-ja — nikakve audio datoteke se ne preuzimaju.

1. 1
   Mehanizam odbrojavanja zidnog sata

   Kada pritisnete Pokreni, tajmer bilježi apsolutni krajnji vremenski žig (Date.now() plus preostale sekunde). Svakih 500 ms, setInterval ponovo izračunava koliko sekundi ostaje oduzimajući trenutno vrijeme od te fiksne tačke. Ako preglednik uspori karticu, matematika se sama ispravlja u trenutku kada se sljedeći otkucaj aktivira.
2. 2
   Ponovna sinhronizacija fokusa kartice

   Slušalac događaja visibilitychange aktivira istu funkciju sinhronizacije u trenutku kada se vratite na karticu. Ovo znači da prikaz odmah skače na ispravno preostalo vrijeme umjesto da čeka sljedeći otkucaj od 500 ms — važno kada je kartica bila u pozadini duže vrijeme.
3. 3
   Sinteza zvuka Web Audio API-jem

   Tri zvuka upozorenja (klasičan, zvono, digitalni) se u potpunosti generišu ugrađenim AudioContext preglednika — OscillatorNode postavlja frekvenciju i tip talasnog oblika (sinus ili kvadrat), a GainNode primjenjuje eksponencijalnu rampu jačine zvuka da oblikuje omotnicu. Nikakve audio datoteke se ne dohvataju niti dekodiraju.
4. 4
   Postavke i trajnost dnevnog brojanja

   Vaše prilagođene dužine trajanja i današnji broj završenih pomodoro sesija se zapisuju u localStorage pod dva odvojena ključa. Pri učitavanju stranice alat ih čita nazad, validira svaku vrijednost u odnosu na dozvoljene raspone, i ponovo hidrira tajmer — tako da vaše postavke prežive osvježavanje stranice bez ikakvog putovanja do servera.

Povezani alati