Stopwatch & Timer

Stopwatch & Timer

Stopwatch, đồng hồ đếm ngược và Pomodoro trong cùng một trang. Độ chính xác mili giây, âm báo, thông báo trình duyệt, deep-link qua URL — tất cả ngay trong trình duyệt của bạn.

Rất chính xác. Chúng tôi dùng `performance.now` — đồng hồ đơn điệu độ phân giải cao miễn nhiễm với thay đổi đồng hồ hệ thống — làm mốc thời gian, cùng `requestAnimationFrame` điều khiển việc render hiển thị. Sai lệch sau 8 giờ chạy stopwatch dưới 100 ms; với các tình huống dưới giây (thể thao, khoa học, âm nhạc), số phần trăm giây hiển thị khớp với một ứng dụng stopwatch trên điện thoại.

Có. Chúng tôi tính thời gian hiển thị từ một mốc đơn điệu (`performance.now`), nên ngay cả khi trình duyệt giảm tốc JavaScript ở tab ẩn, sự kiện hết giờ vẫn kích hoạt và thời gian đã trôi qua vẫn đúng khi bạn quay lại tab. Âm báo phát ngay khoảnh khắc bạn quay lại tab nếu nó đã kích hoạt khi tab đang ẩn; thông báo trình duyệt xuất hiện ngay lập tức bất kể trạng thái nào.

00:00.00

Thời gian Lap

Nhấn Lap (hoặc L) khi stopwatch đang chạy để ghi lại một split.

Âm thanh & thông báo

Phím tắt: Space = bắt đầu/tạm dừng • R = đặt lại • L = lap

Được tạo cho tập trung, nấu ăn, lớp học và sự kiện trực tiếp

Ba chế độ, độ chính xác mili giây và vài chi tiết nhỏ tạo nên khác biệt.

Ba chế độ trong một trang

Stopwatch, đồng hồ đếm ngược và Pomodoro cùng dùng chung một màn hình hiển thị số lớn. Chuyển bằng một cú nhấp; mỗi chế độ giữ trạng thái và lap riêng.

Độ chính xác mili giây, không bị trôi

Được điều khiển bằng performance.now — đồng hồ đơn điệu độ phân giải cao, miễn nhiễm với thay đổi đồng hồ hệ thống và việc trình duyệt giảm tốc tab. Sai lệch sau 8 giờ chạy dưới 100 ms.

Âm báo + thông báo trình duyệt

Web Audio phát beep / chuông gió / chuông khi về 0, kèm thông báo hệ thống để bạn nhận ra ngay từ tab khác. Tiêu đề trang và favicon cũng nhấp nháy.

Lap với split + tổng

Stopwatch ghi không giới hạn số lap, hiển thị cả split lẫn thời gian tích lũy — hoàn hảo cho luyện tập interval, tập đua hay speed run.

Toàn màn hình + deep-link qua URL

Một cú nhấp để vào toàn màn hình cho lớp học, livestream hay sự kiện. Chia sẻ `/?t=300` để khởi chạy timer 5 phút ngay lập tức — không cần thiết lập.

Thiết kế ưu tiên quyền riêng tư

Mỗi nhịp chạy bằng JavaScript trên thiết bị của bạn. Không có sự kiện timer, không lap, không số đếm Pomodoro nào được gửi đi. Mở DevTools → Network và xác minh không có yêu cầu nào được gửi ra ngoài.

Cách dùng stopwatch và timer

Bốn cách sử dụng cùng một màn hình hiển thị số lớn.

  1. 1

    Chọn chế độ

    Nhấp Stopwatch, Đếm ngược hoặc Pomodoro ở phía trên. Mỗi chế độ giữ trạng thái riêng — khi quay lại sau, bạn tiếp tục từ chỗ đã dừng.

  2. 2

    Stopwatch với lap

    Nhấn Bắt đầu (hoặc Space) để đếm lên từ 0 với độ chính xác mili giây. Nhấn Lap (hoặc L) để ghi một split — bảng phía dưới hiển thị cả split lẫn thời gian tích lũy. Đặt lại sẽ xóa toàn bộ.

  3. 3

    Đồng hồ đếm ngược

    Nhập thời lượng vào ô — ví dụ 5m, 1h 30m, 25:00, hoặc chỉ 10 cho mười phút — rồi nhấn Đặt. Hoặc nhấp một preset nhanh. Nhấn Bắt đầu để chạy; trang sẽ kêu, nhấp nháy tiêu đề, và (nếu bạn cho phép) hiện thông báo hệ thống khi về 0.

  4. 4

    Khối tập trung Pomodoro

    Chọn một preset (mặc định 25 / 5 / 15) hoặc tự nhập số phút tập trung / nghỉ ngắn / nghỉ dài và số chu kỳ. Timer tự chuyển qua tập trung → nghỉ ngắn → tập trung → … và chèn nghỉ dài sau số chu kỳ đã cấu hình. Bộ đếm chu kỳ ở dưới theo dõi số khối tập trung đã hoàn tất.

Mọi người dùng cho việc gì

Bốn tình huống phổ biến mà một timer trong trình duyệt vượt trội hơn timer điện thoại hay timer nhà bếp.

Pomodoro / phiên deep-work

Chặn xao nhãng với các giai đoạn tập trung 25 phút và nghỉ 5 phút. Thông báo trình duyệt giúp bạn không bỏ lỡ ngay cả khi tab đang ẩn, và bộ đếm chu kỳ cho biết bạn đã hoàn tất bao nhiêu khối hôm nay.

Nấu ăn, làm bánh & pha chế

Luộc trứng cứng (6 phút), ủ bột bánh mì (1 giờ), pha trà (3 phút), nướng bánh quy (12 phút). Các preset một-cú-nhấp bao quát phần lớn thời lượng nhà bếp thường gặp.

HIIT, tập interval & luyện thuyết trình

Stopwatch với lap cho các set sprint, đếm ngược cho Tabata 20s / 10s, hoặc luyện một bài kiểu TED trong giới hạn 18 phút. Âm báo cho biết chính xác khi bạn vượt giờ.

Bấm giờ lớp học, livestream & sự kiện

Trình chiếu chế độ toàn màn hình lên smart-board cho cả lớp xem. Chia sẻ `?t=45m` để học sinh chạy cùng một đếm ngược trên máy của mình. Nhúng deep-link vào overlay livestream cho đếm ngược đấu giá hay quà tặng.

100% riêng tư — chạy trong trình duyệt của bạn

Sự kiện timer, thời gian lap và số đếm Pomodoro không bao giờ rời khỏi thiết bị. Mở DevTools → Network và bạn sẽ thấy không có yêu cầu nào được gửi ra ngoài trong khi sử dụng.

  • Mọi việc bấm giờ, âm báo (Web Audio API) và ghi lap đều xảy ra dưới dạng JavaScript trên máy của bạn — có thể xem trong mã nguồn trang.
  • Thông báo trình duyệt dùng luồng `Notification.requestPermission` chuẩn; chúng tôi không lưu bất cứ thứ gì ngoài cài đặt được lưu cục bộ.
  • Không đăng nhập, không telemetry về giá trị timer, không API bên thứ ba. Chúng tôi chỉ dùng một cookie cho đồng ý cookie và một cookie cho lựa chọn ngôn ngữ.

Hướng dẫn liên quan

Các bài hướng dẫn được chọn lọc về tập trung, năng suất và độ chính xác bấm giờ trong trình duyệt.

Câu hỏi thường gặp

Timer này chính xác đến mức nào?

Rất chính xác. Chúng tôi dùng `performance.now` — đồng hồ đơn điệu độ phân giải cao miễn nhiễm với thay đổi đồng hồ hệ thống — làm mốc thời gian, cùng `requestAnimationFrame` điều khiển việc render hiển thị. Sai lệch sau 8 giờ chạy stopwatch dưới 100 ms; với các tình huống dưới giây (thể thao, khoa học, âm nhạc), số phần trăm giây hiển thị khớp với một ứng dụng stopwatch trên điện thoại.

Timer có tiếp tục chạy khi tôi chuyển tab không?

Có. Chúng tôi tính thời gian hiển thị từ một mốc đơn điệu (`performance.now`), nên ngay cả khi trình duyệt giảm tốc JavaScript ở tab ẩn, sự kiện hết giờ vẫn kích hoạt và thời gian đã trôi qua vẫn đúng khi bạn quay lại tab. Âm báo phát ngay khoảnh khắc bạn quay lại tab nếu nó đã kích hoạt khi tab đang ẩn; thông báo trình duyệt xuất hiện ngay lập tức bất kể trạng thái nào.

Pomodoro là kỹ thuật gì?

Pomodoro là phương pháp quản lý thời gian do Francesco Cirillo phát triển vào cuối thập niên 1980: xen kẽ các khối tập trung 25 phút với khoảng nghỉ ngắn 5 phút, rồi nghỉ dài 15–20 phút sau mỗi khối tập trung thứ tư. Nhịp cố định giúp giảm mệt mỏi khi ra quyết định và tận dụng nhịp ultradian tự nhiên của não. Preset mặc định của chúng tôi là 25 / 5 / 15 với 4 chu kỳ trước khi nghỉ dài — có thể chỉnh thoải mái.

Tôi có thể chia sẻ liên kết timer không?

Có. Thêm `?t=` vào URL với thời lượng bất kỳ, ví dụ `https://timer.ikit.app/?t=300` cho timer 5 phút, hoặc `?t=25m` hay `?t=1h30m`. Dùng `?stopwatch=1` để deep-link tới stopwatch và `?pomodoro=1` cho chế độ Pomodoro. Bookmark, nhúng vào giáo án hay dán trong chat đều được.

Có dữ liệu nào được gửi về máy chủ không?

Không. Timer, âm báo, ghi lap, trạng thái Pomodoro và thông báo đều chạy trong trình duyệt của bạn. Không có sự kiện thời gian nào rời khỏi thiết bị. Bạn có thể xác minh trong DevTools → Network — không có yêu cầu nào được gửi ra ngoài trong khi sử dụng. Chúng tôi chỉ dùng một cookie cho trạng thái đồng ý cookie và một cookie cho lựa chọn ngôn ngữ, chỉ vậy thôi.