Таймери Помодоро-и ройгон

Чӣ тавр он кор мекунад

Ин таймери Pomodoro пурра дар браузер бо сифр китобхонаи берунӣ кор мекунад. Шумориши баръакс ба вақти соати деворӣ бо истифодаи Date.now() пайваст мешавад, бинобар ин суст кардани варақаи заминавӣ таймерро суст карда наметавонад, ва ҳама садоҳои огоҳинома дар вақти дархост тавассути API-и Web Audio тавлид мешаванд — ягон файли аудио бор карда намешавад.

1. 1
   Муҳаррики шумориши баръакс бо соати девори

   Вақте ки Оғозро зер мекунед, таймер вақти анҷоми мутлақро (Date.now() ба илова сонияҳои боқимонда) сабт мекунад. Ҳар 500 мс, setInterval мешуморад, ки чанд сония боқӣ мондааст бо тарҳ кардани вақти ҷорӣ аз он нуқтаи собит. Агар браузер варақаро суст кунад, математика дар лаҳзаи оғози тики навбатӣ худ ислоҳ мешавад.
2. 2
   Ҳамоҳангсозии баргаштан ба варақа

   Шунавандаи рӯйдоди visibilitychange ҳамон функсияи ҳамоҳангсозиро дар лаҳзае ки ба варақа бармегардед фаъол мекунад. Ин маънои онро дорад, ки намоиш фавран ба вақти дурусти боқимонда мепарад, на интизори тики навбатии 500 мс — муҳим вақте ки варақа муддати дароз дар замина будааст.
3. 3
   Тавлиди садо бо API-и Web Audio

   Се садои огоҳиномавӣ (классикӣ, занг, рақамӣ) пурра аз ҷониби AudioContext-и дарунсохти браузер тавлид карда мешаванд — OscillatorNode басомад ва навъи мавҷ (синусоидӣ ё квадратӣ)-ро гузошта, GainNode рампаи ҳаҷми экспоненсиалиро татбиқ мекунад, то шаклро тарроҳӣ кунад. Ягон файли аудио гирифта ё рамзкушоӣ намешавад.
4. 4
   Устувории танзимот ва шумориши ҳаррӯза

   Давомнокиҳои фармоишии шумо ва шумориши pomodoro-и имрӯза анҷомёфта ба localStorage зери ду калиди алоҳида навишта мешаванд. Ҳангоми бор шудани саҳифа абзор онҳоро мехонад, ҳар қимматро дар муқобили доираҳои иҷозатшуда санҷад ва таймерро гидратсия мекунад — бинобар ин танзимоти шумо аз нав бор кардани саҳифа бидуни ягон давраи сервер наҷот меёбад.

Абзорҳои марбут