Saacadda Pomodoro oo Bilaash ah

Sida Ay U Shaqeyso

Saacadda Pomodoro-kani wuxuu gebi ahaanba ka shaqeeyaa biraawsarka eber laybreri dibadeed ah. Tirinta hoosku waxay ku xidhan tahay taariikh-wakhtiga derbiga isagoo isticmaalaya Date.now() si xakameynta tab-ka-gadaal-ku aanu u yaraynin saacadda, iyo dhawaaqyada ogaysiiska oo dhan waxaa loo sameeyaa marka loo baahdo via Web Audio API — fayl cod ah lama soo shubo.

1. 1
   Matoor tirin oo ku salaysan taariikh-wakhtiga derbiga

   Marka aad gujiso Bilaw, saacaddu waxay diiwaan gelisaa taariikh-wakhti dhamaad ah oo xaddidan (Date.now() lagu daray ilbiriqsiyada hadhay). 500 ms kasta, setInterval-ku wuxuu dib u xisaabiyaa immisa ilbiriqsi ay hadhay isagoo ka jaraya wakhtiga hadda dhamaadkaas go'an. Haddii biraawsarku xakameeyo tab-ka, xisaabtu iska hagaajisaa isla markuu tikig-ka xigo shido.
2. 2
   Dib-u-isku-habaynta tab-ka-fiirsiga

   Dhagaystaha xaalada visibilitychange ayaa fulisa isla function-ka isku-habaynta isla markaad ku noqoto tab-ka. Tani waxay ka dhigan tahay in muuqaalku isla markiiba u boodo wakhtiga saxda ah ee hadhay halkii uu sugi lahaa tikig-ka 500 ms-ka xiga — muhiim marka tab-ku gadaal ku jiray xilli dheer.
3. 3
   Sumaynta dhawaaqa Web Audio API

   Saddexda dhawaaq digniin (caadiga ah, chime, digital) waxaa gebi ahaanba sameeya AudioContext-ka biraawsarka ku dhex jira — OscillatorNode wuxuu dejiyaa soo-jeedinta iyo nooca hirarka (sine ama square), GainNode-na wuxuu dabaqaa ramp heerka cabbirka exponential ah si uu u qaabeeyo dabaqa. Fayl cod ahi lama soo shubo lamana furo.
4. 4
   Sii jiritaanka dejinta iyo tirada maalinlaha ah

   Muddooyinkaaga gaarka ah iyo tirada pomodoro-yada maanta la dhammeeyay waxaa lagu qoraa localStorage laba fure oo gooni ah. Marka bogga la shubo, qalabku wuu dib u akhriyaa, wuxuu xaqiijiyaa qiime kasta xadka la ogol yahay, wuxuuna dib u nooleeyaa saacadda — sidaa darteed dejintaadu way badbaadaan cusboonaysiinta bogga iyada oo aan server loo baahnayn.

Qalabka La Xiriira