Đồng Hồ Đếm Ngược miễn phí

Cách hoạt động

Đồng hồ đếm ngược chạy hoàn toàn trong trình duyệt, không phụ thuộc bên ngoài — không thư viện, không gọi máy chủ. Nó dùng setInterval 1 giây để tính khoảng cách giữa Date.now() và mốc thời gian đích đã lưu ở mỗi nhịp, nên hiển thị luôn chính xác kể cả khi thẻ chạy nền hoặc đồng hồ thiết bị bị lệch.

1. 1
   Đặt mục tiêu

   Chọn chế độ thời lượng (giờ, phút, giây) hoặc chuyển sang chế độ ngày/giờ để đếm ngược đến một thời điểm cụ thể. Năm nút thiết lập nhanh (5 phút đến 24 giờ) bỏ qua ô nhập và khởi động đồng hồ ngay.
2. 2
   Nhịp đếm so với mốc đích cố định

   Khi bắt đầu, công cụ lưu mốc đích tuyệt đối dạng đối tượng Date và kích hoạt setInterval mỗi 1000 ms. Mỗi nhịp gọi Date.now() và trừ khỏi mốc đích — nên các nhịp bị lỡ (thẻ ngủ, CPU bận) tự điều chỉnh ở nhịp sau thay vì tích lũy độ trễ.
3. 3
   Hiển thị thích ứng và phản chiếu lên thẻ

   Hiển thị tự động bỏ các đơn vị bằng 0 ở đầu — đồng hồ 45 giây chỉ hiện giây bằng chữ lớn, còn đồng hồ nhiều ngày hiện cả bốn đơn vị ở cỡ nhỏ hơn. Thời gian còn lại cũng được ghi vào document.title để vẫn đọc được đếm ngược khi thẻ bị thu nhỏ hoặc chạy nền.
4. 4
   Chuông Web Audio khi kết thúc

   Khi đếm ngược về 0, Web Audio API tích hợp của trình duyệt (AudioContext + OscillatorNode) tổng hợp tiếng chuông sóng sin 880 Hz ba nhịp — không tải tệp âm thanh nào. Tạm dừng, tiếp tục và URL chia sẻ (mã hóa mốc epoch đích trong fragment #to=, không bao giờ đến máy chủ) cũng được xử lý hoàn toàn phía máy khách.

Công cụ liên quan