Kohëmatës Pomodoro Falas

Si funksionon

Ky kohëmatës Pomodoro funksionon tërësisht në shfletues me zero biblioteka të jashtme. Numërimi mbrapsht ankorohet te një vulë kohore ore-muri duke përdorur Date.now() kështu që kufizimi i skedave në sfond nuk mund ta ngadalësojë kohëmatësin, dhe të gjitha tingujt e njoftimit sintetizohen sipas kërkesës përmes API-së Web Audio — nuk shkarkohet asnjë skedar audio.

1. 1
   Motor numërimi mbrapsht ore-muri

   Kur shtyp Fillo, kohëmatësi regjistron një vulë kohore fundi absolute (Date.now() plus sekondat e mbetura). Çdo 500 ms, setInterval rillogarit sa sekonda mbeten duke zbritur kohën aktuale nga ai pikë fundi fikse. Nëse shfletuesi e kufizon skedën, matematika vetë-korrigjohet në momentin që tiku tjetër aktivizohet.
2. 2
   Ri-sinkronizim gjatë fokusimit të skedës

   Një dëgjues ngjarjeje visibilitychange aktivizon të njëjtën funksion sinkronizimi në momentin që kthehesh te skeda. Kjo do të thotë që shfaqja kërcen menjëherë te koha e saktë e mbetur në vend që të presë tikun tjetër 500 ms — e rëndësishme kur skeda ka qenë në sfond për një kohë të gjatë.
3. 3
   Sintezë zëri me API-në Web Audio

   Të tri tingujt e alarmit (klasik, ziling, dixhital) gjenerohen tërësisht nga AudioContext i integruar i shfletuesit — një OscillatorNode vendos frekuencën dhe llojin e valëformës (sinus ose katror), dhe një GainNode zbaton një rritje eksponenciale volumi për të formuar zarfin. Nuk merren apo dekodohen skedarë audio.
4. 4
   Ruajtje cilësimesh dhe numrit ditor

   Kohëzgjatjet e tua të personalizuara dhe numri i sotëm i pomodoro-ve të përfunduara shkruhen në localStorage nën dy çelësa të veçantë. Kur faqja ngarkohet mjeti i lexon përsëri, i validon të gjitha vlerat kundrejt intervaleve të lejuara, dhe e rihidraton kohëmatësin — kështu që cilësimet e tua mbijetojnë një rifreskim faqeje pa asnjë udhëtim vajtje-ardhje te serveri.

Mjete të ngjashme