ነፃ Pomodoro ሰዓት ቆጣሪ

እንዴት እንደሚሠራ

ይህ የ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 ድግግሞሹን እና የሞገድ ዓይነቱን (sine ወይም square) ያዘጋጃል፣ GainNode ደግሞ የድምፁን ቅርጽ ለመቅረጽ ኤክስፖነንሻል የድምፅ መጠን ለውጥ ይተገብራል። ምንም የድምፅ ፋይል አይመጣም ወይም አይፈታም።
4. 4
   ቅንብሮች እና የዕለቱ ቆጠራ ይቀመጣሉ

   ብጁ ቆይታዎችዎ እና የዛሬው የተጠናቀቁ pomodoroዎች ብዛት በሁለት የተለያዩ ቁልፎች ስር በlocalStorage ውስጥ ይጻፋሉ። ገጹ ሲጫን መሣሪያው መልሶ ያነባቸዋል፣ እያንዳንዱን እሴት ከተፈቀዱ ክልሎች ጋር ያረጋግጣል፣ እና ሰዓቱን ወደነበረበት ይመልሳል — ስለዚህ ቅንብሮችዎ ያለ ምንም የአገልጋይ ምልልስ ገጹ ሲታደስ ይቆያሉ።

ተዛማጅ መሳሪያዎች