პომოდოროს ტაიმერი უფასოდ

როგორ მუშაობს

ეს 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-ში, ორ ცალკე გასაღების ქვეშ. გვერდის ჩატვირთვისას ხელსაწყო მათ ისევ კითხულობს, ამოწმებს ყოველ მნიშვნელობას დაშვებული დიაპაზონების მიმართ, და ტაიმერს ხელახლა ავსებს — ასე რომ თქვენი პარამეტრები გვერდის განახლებას გადარჩება, სერვერთან ურთიერთქმედების გარეშე.

დაკავშირებული ინსტრუმენტები