Countdown Timer

นาฬิกานับถอยหลัง

นับถอยหลังไปยังวันที่และเวลาในอนาคตใดก็ได้ URL แชร์ได้, iframe ฝังได้, แสดงผลตัวเลขใหญ่แบบสด เหมาะสำหรับปีใหม่ งานแต่ง การเปิดตัวสินค้า โอเวอร์เลย์ไลฟ์สตรีม

นาฬิกานับถอยหลัง — TL;DR

นับถอยหลังไปยังวันที่และเวลาในอนาคตใดก็ได้ URL แชร์ได้, iframe ฝังได้, แสดงผลตัวเลขใหญ่แบบสด เหมาะสำหรับปีใหม่ งานแต่ง การเปิดตัวสินค้า โอเวอร์เลย์ไลฟ์สตรีม

Pomodoro และนาฬิกาจับเวลาวัดเวลา เชิงสัมพัทธ์ — "อีก 25 นาทีจากนี้" หรือ "ทำงานนี้มานานเท่าไหร่แล้ว" ส่วนนาฬิกานับถอยหลังนี้วัดเวลา เชิงสัมบูรณ์ — "อีกนานเท่าไหร่ถึงวันที่และเวลานี้" เป้าหมายอยู่กับที่: รีเฟรชหน้า กลับมาวันรุ่งขึ้น การนับถอยหลังก็ยังชี้ไปที่ช่วงเวลาเดิม ใช้ตัวนี้สำหรับอีเวนต์; ใช้ Stopwatch & Timer สำหรับงาน

ได้ คลิก คัดลอกลิงก์แชร์ แล้ววางที่ไหนก็ได้ — Slack, อีเมล, ทวีต, บล็อกโพสต์ URL บรรจุสถานะทั้งหมดไว้ (เวลาเป้าหมาย + ชื่อหากใส่) ดังนั้นเมื่อผู้รับเปิดลิงก์จะเห็นการนับถอยหลังเดียวกันถึงช่วงเวลาเดียวกัน บนอุปกรณ์ใดก็ได้ ไม่ต้องสมัครบัญชี

ชื่ออีเวนต์ วันที่ และลิงก์แชร์ ไม่เคยออกจากอุปกรณ์ของคุณ เปิด DevTools → Network แล้วคุณจะเห็นว่าไม่มีคำขอออกใด ๆ ระหว่างการใช้งาน

วัน
:
ชั่วโมง
:
นาที
:
วินาที

พรีเซ็ตด่วน

มากกว่าแค่ตัวเลข

สร้างมาเพื่ออีเวนต์ ไลฟ์สตรีม ห้องเรียน และช่วงเวลาส่วนตัว — ไม่ใช่แค่จับเวลาพักดื่มกาแฟ

นับถอยหลังถึงช่วงเวลาใดก็ได้

เลือกวันที่และเวลาในอนาคตใดก็ได้ พร้อมใส่ชื่อหากต้องการ การแสดงผลอัปเดตทุกวินาที วัน / ชั่วโมง / นาที / วินาที รวมกันได้พอดีเป็นเวลาที่เหลืออยู่จริง

ลิงก์ URL แบบลึกที่แชร์ได้

คลิก คัดลอกลิงก์แชร์ เพื่อรับ URL แบบ ?to=2027-01-01T00:00&title=New%20Year ใครก็ตามที่เปิดลิงก์จะเห็นการนับถอยหลังเดียวกันถึงช่วงเวลาเดียวกัน — ไม่ต้องติดตั้ง ไม่ต้องสมัคร

iframe ฝังได้

เพิ่ม &embed=1 ที่ท้าย URL แชร์ แล้วหน้าจะตัดส่วนประกอบรอบ ๆ ออก — เหมาะสำหรับฝังในโอเวอร์เลย์ไลฟ์สตรีม (OBS, Streamlabs), บล็อกโพสต์, เว็บไซต์งานแต่ง หรือหน้าแลนดิ้งของอีเวนต์ <iframe src="…?to=…&embed=1">

พรีเซ็ตอีเวนต์

พรีเซ็ตคลิกเดียวสำหรับปีใหม่ คริสต์มาส และ "อีก 7 / 30 / 100 วัน" พร้อมเก็บอีเวนต์ที่กำหนดเอง 10 รายการล่าสุดที่คุณเคยใช้ไว้ในเครื่อง เพื่อเรียกใช้ซ้ำได้ในคลิกเดียว

เสียงปลุก + กะพริบหน้าเมื่อถึงศูนย์

เมื่อการนับถอยหลังถึงศูนย์ หน้าจะส่งเสียง Web Audio และกะพริบชื่อเอกสารและไอคอน favicon — ผู้ใช้จึงเห็นได้แม้อยู่อีกแท็บเบราว์เซอร์

ความเป็นส่วนตัวโดยการออกแบบ

ทุกการนับเกิดขึ้นใน JavaScript บนอุปกรณ์ของคุณ ไม่มีการส่งชื่ออีเวนต์ วันที่ หรือกิจกรรมคลิปบอร์ดออกไปเลย เปิด DevTools → Network แล้วยืนยันได้ว่าไม่มีคำขอออกใด ๆ

วิธีใช้นาฬิกานับถอยหลัง

สามขั้นตอนสู่การนับถอยหลังที่แชร์ได้และฝังได้

  1. 1

    เลือกช่วงเวลาเป้าหมาย

    คลิกที่ตัวเลือกวันที่+เวลาแล้วเลือกช่วงเวลาในอนาคตใดก็ได้ หรือกดพรีเซ็ต (ปีใหม่ คริสต์มาส +7 / +30 / +100 วัน) จะใส่ชื่ออีเวนต์ก็ได้ — "วันแต่งงาน", "การเปิดตัวสินค้า", "สอบปลายภาค" — แล้วชื่อจะปรากฏเหนือตัวเลข

  2. 2

    คัดลอกลิงก์แชร์

    คลิก คัดลอกลิงก์แชร์ แล้ววางที่ไหนก็ได้ URL เข้ารหัสสถานะการนับถอยหลังทั้งหมด — เพื่อน ครอบครัว ลูกค้า ผู้ชม ทั้งหมดเห็นการนับถอยหลังเดียวกันถึงช่วงเวลาเดียวกันเมื่อพวกเขาคลิก

  3. 3

    ฝังถ้าต้องการ

    สำหรับไลฟ์สตรีม บล็อก เว็บไซต์งานแต่ง หรือหน้าแลนดิ้งอีเวนต์ ให้เพิ่ม &embed=1 ที่ URL แชร์ แล้ววางลงใน <iframe> โหมดฝังจะตัดแถบนำทาง ฟุตเตอร์ และส่วนตั้งค่าออก — เหลือเฉพาะตัวเลข

  4. 4

    long.how.step4.title

    long.how.step4.body

สร้างมาเพื่ออีเวนต์ทั้งใหญ่และเล็ก

สี่สถานการณ์ทั่วไปที่นาฬิกานับถอยหลังที่แชร์ได้และฝังได้ ดีกว่าการตั้งเตือนหน้าจอล็อก

นับถอยหลังการเปิดตัวสินค้า / โปรโมชัน

ฝังการนับถอยหลังบนหน้าแลนดิ้งของคุณ เพื่อให้ผู้เข้าชมเห็นทันทีว่าจะเปิดตัวเมื่อไหร่ หรือ flash sale จะจบเมื่อไหร่ ลิงก์ URL แบบลึกใช้กับอีเมลการตลาดได้ด้วย — ผู้รับคลิกแล้วเห็นการนับถอยหลังสดเดียวกันโดยไม่ต้องออกจากประสบการณ์แบรนด์

งานแต่ง วันเกิด เหตุการณ์สำคัญ

ตั้งวันที่ ใส่ชื่อ แล้วแชร์ลิงก์ในแชทกลุ่มครอบครัว ใครเปิดลิงก์ก็เห็นการนับถอยหลังสด — เหมาะสำหรับฝังในเว็บไซต์งานแต่ง อีเมล save-the-date หรือแค่เป็นเครื่องเตือนในห้องแชทที่นับเวลาอยู่ตลอด

การจับเวลาช่วงในไลฟ์สตรีม

ใช้ URL แบบ &embed=1 เป็น browser source ใน OBS / Streamlabs เพื่อแสดงการนับถอยหลังถึงเวลาเริ่มสตรีม, ปิดรับคำถาม AMA, จบกิจกรรมแจกของ หรือปิดประมูล — มองเห็นได้สำหรับผู้ชมเป็นส่วนหนึ่งของการออกอากาศ

สอบ / เดดไลน์ / รีวิวโปรเจกต์

ปักการนับถอยหลังไว้ที่แถบบุ๊กมาร์ก แล้ววินาทีจะเดินไปทุกครั้งที่คุณเปิดแท็บใหม่ ชื่อเอกสารยังแสดงเวลาที่เหลือด้วย จึงมองเห็นได้เมื่อใดก็ตามที่คุณกวาดสายตาดูรายการแท็บ — เป็นแรงผลักดันที่อ่อนโยนแต่สม่ำเสมอ

เป็นส่วนตัว 100% — ทำงานในเบราว์เซอร์ของคุณ

ชื่ออีเวนต์ วันที่ และลิงก์แชร์ ไม่เคยออกจากอุปกรณ์ของคุณ เปิด DevTools → Network แล้วคุณจะเห็นว่าไม่มีคำขอออกใด ๆ ระหว่างการใช้งาน

  • การ tick ของการนับถอยหลัง เสียงปลุก (Web Audio API) และการเขียนคลิปบอร์ดทั้งหมดเกิดขึ้นเป็น JavaScript บนเครื่องของคุณ — มองเห็นได้ในซอร์สโค้ดของหน้า
  • อีเวนต์ที่บันทึกไว้อยู่ใน localStorage เท่านั้น เราไม่เคยซิงค์ไปยังเซิร์ฟเวอร์
  • ไม่มีการล็อกอิน ไม่มีการเก็บข้อมูลชื่ออีเวนต์ ไม่มีบริการนับถอยหลังของบุคคลที่สาม เราใช้ cookie เพียงตัวเดียวสำหรับสถานะความยินยอม cookie และอีกหนึ่งตัวสำหรับการตั้งค่าภาษา

คู่มือที่เกี่ยวข้อง

บทความคัดสรรเรื่องการนับถอยหลัง การฝังไลฟ์สตรีม และการตลาดอีเวนต์

คำถามที่พบบ่อย

ต่างจากตัวจับเวลา Pomodoro หรือนาฬิกาจับเวลาอย่างไร?

Pomodoro และนาฬิกาจับเวลาวัดเวลา เชิงสัมพัทธ์ — "อีก 25 นาทีจากนี้" หรือ "ทำงานนี้มานานเท่าไหร่แล้ว" ส่วนนาฬิกานับถอยหลังนี้วัดเวลา เชิงสัมบูรณ์ — "อีกนานเท่าไหร่ถึงวันที่และเวลานี้" เป้าหมายอยู่กับที่: รีเฟรชหน้า กลับมาวันรุ่งขึ้น การนับถอยหลังก็ยังชี้ไปที่ช่วงเวลาเดิม ใช้ตัวนี้สำหรับอีเวนต์; ใช้ Stopwatch & Timer สำหรับงาน

แชร์การนับถอยหลังกับคนอื่นได้ไหม?

ได้ คลิก คัดลอกลิงก์แชร์ แล้ววางที่ไหนก็ได้ — Slack, อีเมล, ทวีต, บล็อกโพสต์ URL บรรจุสถานะทั้งหมดไว้ (เวลาเป้าหมาย + ชื่อหากใส่) ดังนั้นเมื่อผู้รับเปิดลิงก์จะเห็นการนับถอยหลังเดียวกันถึงช่วงเวลาเดียวกัน บนอุปกรณ์ใดก็ได้ ไม่ต้องสมัครบัญชี

ฝังในเว็บไซต์หรือไลฟ์สตรีมของฉันได้ไหม?

ได้ เพิ่ม &embed=1 ที่ URL แชร์ แล้ววางลงใน <iframe> โหมดฝังจะซ่อนแถบนำทาง ฟุตเตอร์ พาเนลตั้งค่า และโฆษณา — เหลือเฉพาะการแสดงผลตัวเลขใหญ่บนพื้นหลังโปร่งใส ใช้งานได้ใน OBS / Streamlabs browser sources, การฝัง WordPress / Squarespace, Notion และเว็บไซต์ใดก็ตามที่ตามมาตรฐาน

การนับถอยหลังแม่นยำตลอดหลายชั่วโมงและหลายวันหรือไม่?

แม่นยำ เราเทียบ Date.now สดกับมิลลิวินาทีเป้าหมายแบบสัมบูรณ์ — ดังนั้นแม้แล็ปท็อปของคุณจะหลับไปหลายชั่วโมง กลับมา หรือคุณสลับแท็บแล้วเบราว์เซอร์ลดความถี่ JavaScript เวลาที่แสดงจะถูกคำนวณใหม่จากเป้าหมายสัมบูรณ์ในทุก ๆ tick ไม่มีการสะสมความคลาดเคลื่อน

มีการส่งข้อมูลใด ๆ ไปยังเซิร์ฟเวอร์ของคุณไหม?

ไม่มี เวลาเป้าหมาย ชื่ออีเวนต์ การสร้างลิงก์แชร์ และการเล่นเสียงปลุก ทั้งหมดทำงานเป็น JavaScript ในเบราว์เซอร์ของคุณ อีเวนต์ 10 รายการล่าสุดที่คุณใช้จะถูกเก็บใน localStorage บนอุปกรณ์ของคุณ เปิด DevTools → Network แล้วคุณจะเห็นว่าไม่มีคำขอออกใด ๆ ระหว่างการใช้งาน