મફત પોમોડોરો ટાઇમર

આ કેવી રીતે કાર્ય કરે છે

આ Pomodoro timer શૂન્ય બાહ્ય લાઇબ્રેરીઓ સાથે સંપૂર્ણપણે બ્રાઉઝરમાં ચાલે છે. Countdown Date.now() વાપરીને wall-clock timestamp સાથે anchor થયેલો છે તેથી background-tab throttling timer ને ધીમો ન કરી શકે, અને બધા notification sounds Web Audio API દ્વારા માંગ પર synthesize થાય છે — કોઈ audio files download થતાં નથી.

1. 1
   વોલ-ક્લોક કાઉન્ટડાઉન એન્જિન

   તમે Start દબાવો ત્યારે, timer absolute end timestamp (Date.now() વત્તા remaining seconds) નોંધે છે. દર 500 ms, setInterval વર્તમાન time ને એ fixed endpoint માંથી બાદ કરીને કેટલા seconds બાકી છે તે ફરીથી ગણે છે. જો બ્રાઉઝર ટૅબ ને throttle કરે, તો આગલી tick ફાયર થાય એ ક્ષણે ગણિત self-corrects.
2. 2
   ટેબ-ફોકસ રિ-સિંક

   એક visibilitychange event listener તમે ટૅબ પર પાછા switch કરો એ જ ક્ષણે એ જ sync function ફાયર કરે છે. આનો અર્થ એ કે display આગલી 500 ms tick ની રાહ જોવાને બદલે તરત સાચા remaining time પર જમ્પ કરે છે — ટૅબ લાંબા સમય સુધી background માં રહ્યો હોય ત્યારે મહત્વનું.
3. 3
   Web Audio API સાઉન્ડ સિન્થેસિસ

   ત્રણ alert sounds (classic, chime, digital) સંપૂર્ણપણે બ્રાઉઝરના બિલ્ટ-ઇન AudioContext દ્વારા generate થાય છે — OscillatorNode frequency અને waveform type (sine કે square) સેટ કરે છે, અને GainNode envelope ને shape કરવા exponential volume ramp લાગુ કરે છે. કોઈ audio files fetch કે decode થતી નથી.
4. 4
   Settings અને daily count persistence

   તમારી custom durations અને આજની પૂરી થયેલી-pomodoro count બે અલગ keys હેઠળ localStorage માં લખાય છે. Page load પર ટૂલ તેમને પાછા વાંચે છે, દરેક મૂલ્યને allowed ranges સામે validate કરે છે, અને timer ને rehydrate કરે છે — તેથી તમારી settings કોઈ સર્વર raund-trip વગર page refresh માંથી survive કરે છે.

સંબંધિત સાધનો