இலவச பொமடோரோ டைமர்

இது எவ்வாறு செயல்படுகிறது

இந்த Pomodoro டைமர் வெளி நூலகங்கள் இல்லாமல் முழுவதும் உலாவியில் இயங்குகிறது. countdown Date.now() மூலம் சுவர்க்கடிகார timestamp உடன் பிணைக்கப்பட்டுள்ளது, எனவே பின்னணி-டேப் கட்டுப்பாடு டைமரை மெதுவாக்க முடியாது; அனைத்து அறிவிப்பு ஒலிகளும் Web Audio API வழியாகத் தேவைக்கேற்ப உருவாக்கப்படுகின்றன — ஆடியோ கோப்புகள் எதுவும் பதிவிறக்கப்படுவதில்லை.

1. 1
   சுவர்க்கடிகார countdown இயந்திரம்

   தொடங்கு என்பதை அழுத்தும்போது, டைமர் முழுமையான முடிவு timestamp ஐப் (Date.now() + மீதமுள்ள விநாடிகள்) பதிவுசெய்கிறது. ஒவ்வொரு 500 ms க்கும், setInterval அந்த நிலையான முடிவுப் புள்ளியிலிருந்து தற்போதைய நேரத்தைக் கழித்து எத்தனை விநாடிகள் மீதம் என மீண்டும் கணக்கிடுகிறது. உலாவி டேபைக் கட்டுப்படுத்தினால், அடுத்த tick இயங்கும் கணமே கணிதம் தானே சரியாகிறது.
2. 2
   டேப்-கவன மறு-ஒத்திசைவு

   visibilitychange event listener நீங்கள் டேபுக்குத் திரும்பும் கணமே அதே sync function ஐ இயக்குகிறது. இதனால் அடுத்த 500 ms tick க்குக் காத்திருக்காமல் காட்சி உடனே சரியான மீதி நேரத்துக்குத் தாவுகிறது — டேப் நீண்ட நேரம் பின்னணியில் இருந்தால் இது முக்கியம்.
3. 3
   Web Audio API ஒலி உருவாக்கம்

   மூன்று எச்சரிக்கை ஒலிகளும் (classic, chime, digital) உலாவியின் உள்ளமைந்த AudioContext ஆல் முழுவதும் உருவாக்கப்படுகின்றன — OscillatorNode அதிர்வெண்ணையும் அலைவடிவ வகையையும் (sine அல்லது square) அமைக்கிறது, GainNode உறையை வடிவமைக்க exponential ஒலியளவுச் சரிவைப் பயன்படுத்துகிறது. ஆடியோ கோப்புகள் எதுவும் பெறப்படுவதோ decode செய்யப்படுவதோ இல்லை.
4. 4
   அமைப்புகள் மற்றும் தினசரி எண்ணிக்கை நிலைப்பு

   உங்கள் தனிப்பயன் கால அளவுகளும் இன்று முடித்த pomodoro எண்ணிக்கையும் இரண்டு தனி keys இன் கீழ் localStorage இல் எழுதப்படுகின்றன. பக்கம் ஏற்றப்படும்போது கருவி அவற்றை மீண்டும் படித்து, ஒவ்வொரு மதிப்பையும் அனுமதிக்கப்பட்ட வரம்புகளுடன் சரிபார்த்து, டைமரை மீட்டமைக்கிறது — எனவே சர்வர் பயணம் இல்லாமல் பக்கப் புதுப்பிப்பிலும் உங்கள் அமைப்புகள் நிலைக்கும்.

தொடர்புடைய கருவிகள்