Акысыз Помодоро таймери

Бул кантип иштейт

Бул Pomodoro таймери нөл тышкы китепкана менен толугу менен браузерде иштейт. Кайра эсептөө Date.now() колдонуп сааттык-белгиге бекитилген, ошондуктан фондук-таб басаңдатуу таймерди жайлата албайт, бардык эскертүү үндөрү Web Audio API аркылуу сурам боюнча синтезделет — эч бир аудио файл жүктөлбөйт.

1. 1
   Сааттык-белгидеги кайра эсептөө кыймылдаткычы

   Баштоону баскандан кийин, таймер абсолюттук аяктоо убакыт белгисин (Date.now() плюс калган секунддар) жазат. Ар 500 мс, setInterval ошол туруктуу чекиттен учурдагы убакытты алуу менен канча секунд калганын кайра эсептейт. Эгер браузер табды басаңдатса, математика кийинки такылдоо иштеген заматта өзү оңолот.
2. 2
   Таб-фокус кайра-синхрондоштуруу

   visibilitychange окуя угуучусу табка кайра которгон заматта ошол эле синхрондоштуруу функциясын иштетет. Бул көрсөтүү кийинки 500 мс такылдоону күтпөй эле дароо туура калган убакытка секирет дегенди билдирет — таб узак убакыт фондо болгондо маанилүү.
3. 3
   Web Audio API үн синтезделиши

   Үч эскертүү үнү (классикалык, коңгуроо, санарип) толугу менен браузердин курулма AudioContext тарабынан жаралат — OscillatorNode жыштыкты жана толкун формасы түрүн (синус же чарчы) орнотот, GainNode конвертти формалоо үчүн экспоненциалдык үн деңгээли рампасын колдонот. Эч бир аудио файл алынбайт же декодддолбойт.
4. 4
   Орнотуулар жана күндөлүк сан сакталышы

   Ыңгайлаштырылган узактыктарыңыз жана бүгүнкү бүткөн-помидор санды эки өзүнчө ачкыч астында localStorage'ge жазылат. Барак жүктөлгөндө курал аларды кайра окуйт, ар бир маанини уруксат берилген диапазондорго каршы текшерет жана таймерди кайра гидратациялайт — ошондуктан орнотууларыңыз серверге кайрылуусуз баракты жаңылоодон аман калат.

Байланыштуу куралдар