ໂມງຈັບເວລາ Pomodoro ຟຣີ

ມັນເຮັດວຽກແນວໃດ

ໂມງຈັບເວລາ Pomodoro ນີ້ເຮັດວຽກຢູ່ໃນບຣາວເຊີທັງໝົດໂດຍບໍ່ມີ library ພາຍນອກ. ການນັບຖອຍຫຼັງຖືກຜູກກັບເວລານາທີກາ ໂດຍໃຊ້ Date.now() ດັ່ງນັ້ນການຫຼຸດຄວາມໄວຂອງແທັບພື້ນຫຼັງຈະບໍ່ເຮັດໃຫ້ໂມງຊ້າລົງ, ແລະ ສຽງແຈ້ງເຕືອນທັງໝົດຖືກສັງເຄາະຂຶ້ນຕາມຄວາມຕ້ອງການຜ່ານ Web Audio API — ບໍ່ມີໄຟລ໌ສຽງໃດຖືກດາວໂຫຼດ.

1. 1
   ເອັນຈິນນັບຖອຍຫຼັງແບບເວລານາທີກາ

   ເມື່ອທ່ານກົດ ເລີ່ມ, ໂມງຈະບັນທຶກເວລາສິ້ນສຸດແບບແທ້ຈິງ (Date.now() ບວກກັບວິນາທີທີ່ເຫຼືອ). ທຸກ 500 ms, setInterval ຈະຄິດໄລ່ຄືນວ່າມີວິນາທີເຫຼືອຈັກອັນໂດຍລົບເວລາປັດຈຸບັນອອກຈາກຈຸດສິ້ນສຸດທີ່ຄົງທີ່ນັ້ນ. ຖ້າບຣາວເຊີຫຼຸດຄວາມໄວຂອງແທັບ, ການຄິດໄລ່ຈະແກ້ໄຂຕົວເອງທັນທີທີ່ tick ຕໍ່ໄປເກີດຂຶ້ນ.
2. 2
   ການປັບຄືນເມື່ອກັບມາທີ່ແທັບ

   ຕົວຮັບເຫດການ visibilitychange ຈະເອີ້ນຟັງຊັນປັບຄືນອັນດຽວກັນທັນທີທີ່ທ່ານກັບໄປທີ່ແທັບ. ນີ້ໝາຍຄວາມວ່າໜ້າຈໍຈະກະໂດດໄປຫາເວລາທີ່ເຫຼືອທີ່ຖືກຕ້ອງທັນທີແທນທີ່ຈະລໍຖ້າ tick ຄັ້ງຕໍ່ໄປ — ສຳຄັນເມື່ອແທັບຢູ່ໃນພື້ນຫຼັງເປັນເວລາດົນ.
3. 3
   ການສັງເຄາະສຽງດ້ວຍ Web Audio API

   ສຽງແຈ້ງເຕືອນ 3 ແບບ (classic, chime, digital) ຖືກສ້າງຂຶ້ນທັງໝົດໂດຍ AudioContext ໃນຕົວຂອງບຣາວເຊີ — OscillatorNode ຕັ້ງຄວາມຖີ່ ແລະ ປະເພດຄື້ນ (sine ຫຼື square), ແລະ GainNode ນຳໃຊ້ການປັບລະດັບສຽງແບບ exponential ເພື່ອສ້າງຮູບຮ່າງຂອງສຽງ. ບໍ່ມີໄຟລ໌ສຽງໃດຖືກດຶງ ຫຼື ຖອດລະຫັດ.
4. 4
   ການບັນທຶກການຕັ້ງຄ່າ ແລະ ຈຳນວນຕໍ່ວັນ

   ໄລຍະເວລາທີ່ທ່ານກຳນົດເອງ ແລະ ຈຳນວນ pomodoro ທີ່ສຳເລັດແລ້ວມື້ນີ້ຖືກຂຽນລົງໃນ localStorage ພາຍໃຕ້ 2 key ແຍກກັນ. ເມື່ອໂຫຼດໜ້າ, ເຄື່ອງມືຈະອ່ານພວກມັນຄືນ, ກວດສອບແຕ່ລະຄ່າກັບຊ່ວງທີ່ອະນຸຍາດ, ແລະ ຟື້ນຟູໂມງ — ດັ່ງນັ້ນການຕັ້ງຄ່າຂອງທ່ານຈະຄົງຢູ່ເມື່ອໂຫຼດໜ້າໃໝ່ໂດຍບໍ່ຕ້ອງສົ່ງກັບໄປຫາເຊີເວີ.

ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ