Бесплатен Помидоро тајмер

Како функционира

Овој Pomodoro тајмер работи целосно во прелистувачот без надворешни библиотеки. Одбројувањето е закотвено на временски печат од ѕидниот часовник користејќи Date.now() така што успорувањето на позадинска картичка не може да го забави тајмерот, а сите звуци за известување се синтетизираат на барање преку Web Audio API — не се преземаат аудио датотеки.

1. 1
   Механизам за одбројување по ѕиден часовник

   Кога ќе притиснете „Старт“, тајмерот запишува апсолутен краен временски печат (Date.now() плус преостанатите секунди). На секои 500 ms, setInterval препресметува колку секунди преостануваат со одземање на тековното време од таа фиксна крајна точка. Ако прелистувачот ја успорува картичката, математиката сама се коригира во моментот кога следниот такт ќе се активира.
2. 2
   Повторна синхронизација при фокус на картичка

   Слушател на настан visibilitychange ја активира истата функција за синхронизација во моментот кога ќе се вратите на картичката. Ова значи дека приказот веднаш скока на точното преостанато време наместо да чека на следниот такт од 500 ms — важно кога картичката била во позадина подолго време.
3. 3
   Синтеза на звук преку Web Audio API

   Трите звуци за предупредување (класичен, ѕвонче, дигитален) се генерираат целосно од вградениот AudioContext на прелистувачот — OscillatorNode ги поставува фреквенцијата и типот на бран (синусоиден или квадратен), а GainNode применува експоненцијална рампа на јачина за да ја обликува обвивката. Не се преземаат или декодираат аудио датотеки.
4. 4
   Постојаност на поставки и дневен број

   Вашите прилагодени времетраења и денешниот број завршени pomodoro сесии се запишуваат во localStorage под два одделни клучеви. При вчитување на страницата алатката ги чита назад, ги проверува сите вредности наспроти дозволени опсези, и повторно го хидрира тајмерот — така што вашите поставки преживуваат освежување на страницата без никаква комуникација со сервер.

Поврзани алатки