Kyauta Agogon Pomodoro

Yadda Yake Aiki

Wannan mai lokaci na Pomodoro yana gudana gaba ɗaya a burauza babu ɗakunan karatu na waje. An kafa ƙidayar baya a kan tambarin lokacin agogo-bango ta amfani da Date.now() don rage-gudu na tab a baya kada ta hankaka na'urar lokaci, kuma dukkan sautukan sanarwa ana haɗa su bisa buƙata ta Web Audio API — babu fayilolin sauti da ake sauke su.

1. 1
   Injin ƙidayar baya na agogo-bango

   Lokacin da ka danna Fara, na'urar lokaci tana rubuta wani tambarin lokaci na ƙarshe cikakke (Date.now() ƙara daƙiƙun da suka rage). Kowace 500 ms, setInterval yana sake lissafta nawa daƙiƙa suka rage ta hanyar cire lokaci na yanzu daga wannan matsayin tsayayye. Idan burauza ya rage-gudu tab ɗin, lissafin yana gyara kansa nan take tik na gaba ya harba.
2. 2
   Sake-daidaitawa lokacin dawowa ga tab

   Wani mai saurara na visibilitychange yana harba iri ɗayan aikin daidaitawa nan take ka koma tab ɗin. Wannan yana nufin nunin yana tsalle nan take zuwa daidai lokacin da ya rage maimakon jira tik na gaba na 500 ms — muhimmi lokacin da tab ɗin ya kasance a baya na wani dogon lokaci.
3. 3
   Haɗin sauti na Web Audio API

   Sautukan gargaɗi guda uku (na al'ada, karar, na dijital) an ƙirƙira su gaba ɗaya ta AudioContext na burauza da aka gina — wani OscillatorNode yana saita mitar da nau'in waveform (sine ko square), kuma wani GainNode yana amfani da wata gangaren ƙarar exponential don siffanta envelope. Babu fayilolin sauti da ake samu ko ɓoye.
4. 4
   Ci gaba da saitunan da ƙidayar yau da kullum

   Ana rubuta tsawon lokutanka na musamman da ƙidayar pomodoro da aka gama a yau zuwa localStorage a ƙarƙashin maɓalli biyu daban-daban. A loda shafi kayan aikin yana karanta su baya, yana tabbatar da kowace ƙima da zangon da aka yarda, kuma yana sake dawo da na'urar lokaci — don haka saitunanka suna wanzuwa bayan sabunta shafi babu tafiya-zuwa-uwar garke.

Kayan Aiki Masu Alaƙa