ຂ້າມໄປຫາເນື້ອຫາຫຼັກ

ຕົວນັບຖອຍຫລັງ ຟຣີ

ນັບຖອຍຫລັງຫາວັນ ແລະ ເວລາໃດໆ. ຕັ້ງວັນທີເອງ ຫຼື ໃຊ້ຄ່າຕັ້ງໄວ້ດ່ວນ (5 ນາທີ, 15 ນາທີ, 1 ຊົ່ວໂມງ). ບໍ່ຕ້ອງລົງທະບຽນ.

ເຮັດວຽກແບບອອບໄລນ໌ໄດ້ຫຼັງໂຫຼດແລ້ວ
ຕັ້ງໂມງ
ຊົ່ວໂມງ
ນາທີ
ວິນາທີ

ນັບຖອຍຫຼັງດ່ວນ

ນັບຖອຍຫຼັງຈົນເຖິງ

ເຄັດລັບ: ເປີດໜ້ານີ້ໄວ້ເພື່ອໃຫ້ສຽງປຸກດັງໄດ້. ໜ້າຈໍຈະຖືກເປີດຄ້າງໄວ້ໃນຂະນະທີ່ເຮັດວຽກ.

ຕັ້ງໂມງຂ້າງເທິງ ຫຼື ເລືອກຄ່າກຳນົດລ່ວງໜ້າ ແລ້ວກົດ ເລີ່ມ

ການນຳໃຊ້ທົ່ວໄປ

  • Event Countdown Timerນັບຖອຍຫຼັງວັນ, ຊົ່ວໂມງ ແລະ ວິນາທີ ຈົນເຖິງງານແຕ່ງ, ວັນເກີດ, ຄອນເສີດ ຫຼື ງານທີ່ກຳລັງຈະມາເຖິງ.
  • Deadline Countdown Timerເກັບ live countdown ທີ່ໄປຫາ deadline ສໍາລັບໂຄງການ, ສອບ ຫຼື ວັນກໍາຫນົດໄລ່ສະ.
  • Cooking ແລະ Kitchen Timerຕົວຈັບເວລານັບຖອຍຫຼັງຢ່າງໄວ ສຳລັບຕົ້ມເສັ້ນພາສຕ້າ, ຕົ້ມໄຂ່, ອົບ ແລະ ຈັບເວລາໃນຄົວ.
  • Meeting ແລະ Presentation Timerນາບລົງ ໄປຫາ ການເລີ່ມຕົ້ນ meeting, ຫຼື ໃຊ້ເປັນ visible timer ໃນລະຫວ່າງ presentations.
  • Product Launch Countdownສ້າງ anticipation ສໍາລັບ product launch, sale ຫຼື ປະກາດ ພ້ອມ live countdown.

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

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

  1. 1
    ຕັ້ງເປົ້າໝາຍ
    ເລືອກໂໝດໄລຍະເວລາ (ຊົ່ວໂມງ, ນາທີ, ວິນາທີ) ຫຼືສະຫຼັບໄປໂໝດວັນທີ/ເວລາເພື່ອນັບຖອຍຫຼັງໄປສູ່ຊ່ວງເວລາສະເພາະ. ປຸ່ມຄ່າກຳນົດໄວຫ້າອັນ (5 ນາທີ ຫາ 24 ຊົ່ວໂມງ) ຂ້າມຂໍ້ມູນເຂົ້າທັງໝົດ ແລະ ເລີ່ມໂມງທັນທີ.
  2. 2
    ຊ່ວງເວລາຕິກເທິງເປົ້າໝາຍຄົງທີ່
    ເມື່ອເລີ່ມ, ເຄື່ອງມືເກັບເປົ້າໝາຍແທ້ເປັນອອບເຈັກ Date ແລະ ເອີ້ນ setInterval ທຸກ 1000 ms. ແຕ່ລະຕິກເອີ້ນ Date.now() ແລະ ລົບຈາກເປົ້າໝາຍ — ດັ່ງນັ້ນຕິກທີ່ພາດ (ແທັບຫຼັບ, CPU ຫຍຸ້ງ) ແກ້ໄຂຕົນເອງໃນຕິກຕໍ່ໄປແທນທີ່ຈະສະສົມການຊັກຊ້າ.
  3. 3
    ການສະແດງຜົນປັບຕົວ ແລະ ການສະທ້ອນແທັບ
    ການສະແດງຜົນຕັດໜ່ວຍທີ່ເປັນສູນນຳໜ້າອອກອັດຕະໂນມັດ — ໂມງ 45 ວິນາທີສະແດງພຽງແຕ່ວິນາທີເປັນຕົວອັກສອນໃຫຍ່, ໃນຂະນະທີ່ໂມງຫຼາຍມື້ສະແດງທັງສີ່ໜ່ວຍໃນຂະໜາດນ້ອຍກວ່າ. ເວລາທີ່ເຫຼືອຍັງຖືກຂຽນເຂົ້າ document.title ດັ່ງນັ້ນການນັບຖອຍຫຼັງຄົງອ່ານໄດ້ໃນແທັບທີ່ຫຍໍ້ ຫຼືຢູ່ພື້ນຫຼັງ.
  4. 4
    ສຽງ Web Audio ເມື່ອສຳເລັດ
    ເມື່ອການນັບຖອຍຫຼັງເຖິງສູນ, Web Audio API ໃນຕົວຂອງບຣາວເຊີ (AudioContext + OscillatorNode) ສັງເຄາະສຽງ chime ຄື້ນ sine 880 Hz ສາມຄັ້ງ — ບໍ່ມີໄຟລ໌ສຽງຖືກດາວໂຫຼດ. ຢຸດ, ດຳເນີນຕໍ່, ແລະ URL ແບ່ງປັນໄດ້ (ເຂົ້າລະຫັດ epoch ເປົ້າໝາຍໃນ #to= fragment, ເຊິ່ງບໍ່ເຄີຍໄປເຖິງເຊີບເວີ) ຍັງຖືກຈັດການທັງໝົດຝັ່ງລູກຄ້າ.

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

ຄໍາຖາມທີ່ຖາມເລື້ອຍໆ