Aago Pomodoro Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Aago Pomodoro yìí ń ṣiṣẹ́ pátápátá nínú aṣàwákiri láìsí ìwé-ìṣirò ìta kankan. A ń so ìkàsẹ́yìn náà mọ́ àmì-àkókò aago-ògiri ní lílo Date.now() nítorí náà ìdín tábù-ẹ̀yìn kì í mú aago náà lọ́ra, gbogbo ohun ìkìlọ̀ ni a sì ṣẹ̀dá nígbà tí a bá nílò rẹ̀ nípasẹ̀ API Web Audio — kò sí fáìlì ohun ìró tí a gbà wọlé.

1. 1
   Ẹ́ńjìnnì ìkàsẹ́yìn aago-ògiri

   Nígbà tí o bá tẹ Bẹ̀rẹ̀, aago náà ń kọ àmì-àkókò ìparí pípé (Date.now() àti ìṣẹ́jú-aaya tí ó kù). Ní gbogbo 500 ms, setInterval ń tún ṣírò iye ìṣẹ́jú-aaya tí ó kù nípa yíyọ àkókò lọ́wọ́lọ́wọ́ kúrò nínú ìdásí tí a dá kalẹ̀ yẹn. Bí aṣàwákiri bá dín tábù náà kù, ìṣírò náà ń ṣàtúnṣe ara rẹ̀ ní kété tí tíkì tí ó tẹ̀lé bá dún.
2. 2
   Àtúnṣe-àkókò ìdojúkọ tábù

   Olùgbọ́ ìṣẹ̀lẹ̀ visibilitychange kan ń dún iṣẹ́ àtúnṣe kan náà ní kété tí o bá padà sí tábù náà. Èyí ń túmọ̀ sí pé ìfihàn náà ń fò lẹ́sẹ̀kẹsẹ̀ sí àkókò tí ó kù tí ó tọ́ dípò kí ó dúró de tíkì 500 ms tí ó tẹ̀lé — pàtàkì nígbà tí tábù náà bá ti wà lẹ́yìn fún àkókò gígùn.
3. 3
   Ìṣẹ̀dá ohun ìró API Web Audio

   A ń ṣẹ̀dá ohun ìkìlọ̀ mẹ́ta náà (kíláásíkì, chime, dígítà) pátápátá láti ọwọ́ AudioContext aṣàwákiri tí a kọ́ sínú rẹ̀ — OscillatorNode kan ń ṣètò ìgbòhùngbọ̀n àti irú wéfọ̀mù (sine tàbí square), GainNode kan sì ń fi ìlà ìdún exponential sílo láti ṣe àṣàrò rẹ̀. A kì í gba tàbí pín àwọn fáìlì ohun ìró kankan.
4. 4
   Ìtò àti ìpamọ́ iye ojoojúmọ́

   A ń kọ àwọn gígùn àṣàrò rẹ àti iye pomodoro tí ó ti parí lónìí sí localStorage lábẹ́ kọ́kọ́rọ́ ọ̀tọ̀ọ̀tọ̀ méjì. Nígbà tí ojú-ìwé bá kó wọlé, irinṣẹ́ náà ń ka wọn padà, ó ń fọwọ́sí iye kọ̀ọ̀kan lòdì sí àyè tí a fàyè, ó sì ń tún aago náà kọ́ — nítorí náà àwọn ìtò rẹ ń kù lẹ́yìn àtúnṣe ojú-ìwé láìsí ìrìnrìn sáfà kankan.

Àwọn Irinṣẹ Tó Jọra