Pulsuz Pomodoro Taymeri

Necə İşləyir

Bu Pomodoro taymeri sıfır xarici kitabxana ilə tamamilə brauzerdə işləyir. Geri sayım Date.now() istifadə edərək bir divar-saatı zaman möhürünə bağlanır, ona görə fon-sekme boğulması taymeri yavaşlada bilmir, bütün bildiriş səsləri isə Web Audio API vasitəsilə tələb üzərinə sintez edilir — heç bir audio fayl endirilmir.

1. 1
   Divar-saatı geri-sayım mühərriki

   Başlat düyməsinə basdıqda, taymer mütləq bir bitiş zaman möhürü (Date.now() üstəgəl qalan saniyələr) qeyd edir. Hər 500 ms-də bir, setInterval cari vaxtı o sabit son nöqtədən çıxararaq neçə saniyə qaldığını yenidən hesablayır. Brauzer sekmeni boğursa, riyaziyyat növbəti tik işə düşən an özünü düzəldir.
2. 2
   Sekme-fokusu yenidən-sinxronlaşması

   Bir visibilitychange hadisə dinləyicisi sekmeyə geri keçdiyiniz an eyni sinxronlaşma funksiyasını işə salır. Bu, göstərişin növbəti 500 ms tikini gözləmək əvəzinə dərhal düzgün qalan vaxta atlaması deməkdir — sekme uzun bir müddət fonda qalmışsa vacibdir.
3. 3
   Web Audio API səs sintezi

   Üç xəbərdarlıq səsi (klassik, zəng, rəqəmsal) tamamilə brauzerin daxili AudioContext-i tərəfindən yaradılır — bir OscillatorNode tezliyi və dalğa forması növünü (sinus ya da kvadrat) təyin edir, bir GainNode isə zərfini formalaşdırmaq üçün eksponensial bir səs həcmi rampası tətbiq edir. Heç bir audio fayl alınmır ya da dekodlanmır.
4. 4
   Ayarlar və gündəlik say davamlılığı

   Fərdi müddətləriniz və bugünkü tamamlanmış-pomodoro sayınız localStorage-də iki ayrı açar altında yazılır. Səhifə yükləndikdə alət onları geri oxuyur, hər dəyəri icazə verilən aralıqlara qarşı doğrulayır və taymeri yenidən hidratlayır — ona görə ayarlarınız heç bir server gediş-gəlişi olmadan səhifə yenilənməsindən sağ çıxır.

Əlaqəli Alətlər