Đồng Hồ Bấm Giờ Trực Tuyến Miễn Phí

Đồng hồ bấm giờ chính xác với thời gian từng chặng. Nhấn Khoảng trắng để bắt đầu/dừng, L để ghi chặng.

00:00.00

Phím tắt bàn phím

Tính năng

Cách hoạt động

  1. Khởi động đồng hồ: nhấp Bắt đầu để khởi động đồng hồ bấm giờ, nó đo thời gian trôi qua đến mili giây.
  2. Ghi thời gian chặng: nhấn « Chặng » để ghi các chặng mà không dừng đồng hồ chính.
  3. Dừng và đặt lại: tạm dừng bất cứ lúc nào, sau đó tiếp tục hoặc đặt về 0. Các chặng được giữ lại cho đến khi đặt lại.

Lịch sử Ngắn của Đồng hồ Bấm giờ

Chronograph cơ học, tổ tiên của mọi đồng hồ bấm giờ hiện đại, được phát minh bởi Louis Moinet vào năm 1816. Moinet đã chế tạo "Compteur de Tierces" của mình để đo thời gian chuyển động biểu kiến của các ngôi sao trên bầu trời cho việc quan sát thiên văn; nó có thể đo đến 1/60 giây, một độ chính xác phi thường cho thời đại đó. Chronograph thương mại đầu tiên theo sau năm năm sau: Nicolas Mathieu Rieussec đã trình diễn chronograph "chấm mực" của mình tại đường đua ngựa Champ de Mars Paris vào ngày 1 tháng 9 năm 1821, sau đó đăng ký bằng sáng chế vào năm 1822. Thiết kế của Rieussec sử dụng một bình mực nhỏ ở đầu kim đếm thời gian; nhấn nút khi bắt đầu sẽ thả một chấm mực tại vị trí bắt đầu, nhấn lại khi dừng sẽ thả chấm thứ hai, và khoảng cách giữa các chấm cho biết thời gian trôi qua. Adolphe Nicole đã đăng ký bằng sáng chế chronograph split-second (rattrapante) vào năm 1844, cho phép đo hai thời gian phân chia cùng lúc, một sự đổi mới quan trọng cho các cuộc đua nơi nhiều đối thủ kết thúc trong vài giây. Mikrograph của Heuer (1916) đã mang lại độ chính xác 1/100 giây cho các chronograph cơ học kịp thời cho Thế vận hội Antwerp 1920, nơi nó được sử dụng làm người tính giờ chính thức. Cuộc cách mạng thạch anh đã đến với Astron của Seiko vào tháng 12 năm 1969 (đồng hồ đeo tay thạch anh thương mại đầu tiên); trong những năm 1980 G-Shock của Casio (1983) và F-91W (1989) đã làm cho đồng hồ bấm giờ thạch anh rẻ, bền và phổ biến. Các đồng hồ nguyên tử hiện đại như NIST-F1 (1999) và NIST-F2 (2014) đạt độ chính xác khoảng một giây trong 300 triệu năm, vượt xa bất cứ điều gì mà đồng hồ đeo tay cần, nhưng tiêu chuẩn mà tất cả thời gian dân sự được hiệu chuẩn.

Định thời JavaScript, Date.now() vs performance.now() vs requestAnimationFrame

Trình duyệt cung cấp ba API khác nhau để đo thời gian, mỗi cái có những đảm bảo khác nhau. Date.now() trả về Unix milisecond kể từ ngày 1 tháng 1 năm 1970, độ phân giải milisecond, nhưng đồng hồ hệ thống có thể nhảy (thay đổi thời gian thủ công, hiệu chỉnh NTP, chuyển sang giờ tiết kiệm ánh sáng ban ngày) làm cho nó không đáng tin cậy để đo thời gian trôi qua. performance.now() trả về thời gian kể từ khi trang bắt đầu, tính bằng milisecond với độ chính xác phân số dưới milisecond; nó đơn điệu (không bao giờ lùi lại, miễn dịch với các thay đổi đồng hồ hệ thống), đó chính xác là những gì đồng hồ bấm giờ cần. Sau các tiết lộ Spectre/Meltdown vào đầu năm 2018, các trình duyệt đã giảm độ chính xác mặc định của performance.now() từ dưới microsecond xuống 100 microsecond (một số trình duyệt lên đến 1 milisecond) để giảm thiểu các cuộc tấn công timing-side-channel; các trang cross-origin-isolated vẫn có thể nhận độ phân giải 5 microsecond nếu trang web chọn tham gia thông qua các header Cross-Origin-Opener-Policy và Cross-Origin-Embedder-Policy. Đối với đồng hồ bấm giờ, độ chính xác mặc định sau Spectre là quá đủ, con người không thể cảm nhận sự khác biệt thời gian mịn hơn khoảng 50ms trong bối cảnh UI. requestAnimationFrame không phải là đồng hồ per se, đó là một callback mà trình duyệt kích hoạt một lần mỗi lần làm mới màn hình (thường là 60 lần mỗi giây trên màn hình 60Hz, 120 trên 120Hz). Đối với UI đồng hồ bấm giờ, requestAnimationFrame là cái thúc đẩy cập nhật hiển thị mượt mà; thời gian trôi qua tự nó đến từ performance.now(). Mẫu chuẩn: chụp startTime = performance.now() khi Bắt đầu, sau đó trên mỗi animation frame tính elapsed = performance.now() - startTime và render lại hiển thị.

Vấn đề Throttling Tab

Một nguồn lỗi nổi tiếng trong đồng hồ bấm giờ dựa trên trình duyệt là throttling tab nền. Khi một tab mất tiêu điểm (bạn chuyển sang tab hoặc cửa sổ khác), các trình duyệt giảm tốc độ mà các callback setTimeout, setInterval và requestAnimationFrame kích hoạt, thường giới hạn ở 1 giây giữa các lần gọi bất kể khoảng thời gian được yêu cầu. Chrome 88 (tháng 1 năm 2021) đã giới thiệu chế độ "throttling tăng cường" thậm chí còn quyết liệt hơn giảm xuống khoảng thời gian 1 phút sau khi tab đã ở chế độ nền trong 5+ phút, để tiết kiệm pin trên laptop. Điều này phá vỡ bất kỳ đồng hồ bấm giờ nào tăng một bộ đếm trên mỗi khoảng thời gian, bộ đếm bị tụt lại. Việc triển khai đồng hồ bấm giờ đúng, được sử dụng ở đây, là tính toán thời gian trôi qua là performance.now() - startTime trên mỗi render thay vì tăng một bộ đếm trên mỗi khoảng thời gian, sự khác biệt giữa hai timestamp luôn chính xác bất kể render kích hoạt thường xuyên đến mức nào. Hiển thị sẽ trông bị đóng băng trên tab nền (vì render không kích hoạt), nhưng khi bạn quay lại tab, thời gian trôi qua được tính toán chính xác và hiển thị nhảy đến giá trị đúng. Để định thời nền thực sự chính xác, mẫu Web Worker (chạy bộ định thời trong luồng worker, được throttle ít quyết liệt hơn luồng chính) là giải pháp tiêu chuẩn; đồng hồ bấm giờ của công cụ này tập trung vào tiền cảnh nên cách tiếp cận performance.now() cơ bản là đủ.

Thời gian Lap vs Thời gian Split, Sự phân biệt mà Quan chức Olympic Quan tâm

Hai khái niệm liên quan nhưng riêng biệt bị nhầm lẫn trong lời nói hàng ngày. Thời gian lap là khoảng thời gian của một lap đơn, thời gian trôi qua kể từ điểm đánh dấu lap trước. Thời gian split là tổng tích lũy tại một checkpoint, thời gian trôi qua kể từ điểm bắt đầu. Trong tiếp sức 4×400m, thời gian lap của mỗi vận động viên là cái họ chạy cá nhân; thời gian split cho bạn biết vị trí tích lũy của đội phát triển như thế nào qua các lần chuyển gậy. Trong marathon, thời gian split 5K cho bạn biết tốc độ của vận động viên tại mỗi checkpoint, trong khi các khoảng thời gian lap-by-lap sẽ cho bạn biết sự nhất quán tốc độ của họ. Các hệ thống định thời Olympic hiển thị cả hai cạnh nhau. Đồng hồ bấm giờ này ghi cả hai: mỗi mục lap hiển thị khoảng thời gian lap (chỉ lap này) trong một cột và tổng tích lũy (split kể từ điểm bắt đầu) trong cột khác, vì vậy bạn có thể so sánh sự nhất quán hoặc tiến trình tuyệt đối tùy thuộc vào những gì bạn quan tâm. Nút Lap ghi điểm đánh dấu; nhấn nó nhiều lần trong một lần chạy duy nhất tạo ra một danh sách không giới hạn các khoảng thời gian.

Các trường hợp sử dụng phổ biến

Giới hạn Độ chính xác Trung thực

Đồng hồ bấm giờ trình duyệt chính xác đến khoảng 10 milisecond khi chạy ở tiền cảnh trên phần cứng hiện đại, tốt cho các bài tập, nấu ăn, thuyết trình, trò chơi trong lớp học và thể thao giải trí. Nó không phải là sự thay thế cho: định thời điền kinh được chứng nhận (sử dụng camera photo-finish và các hệ thống định thời điện tử chuyên dụng với độ chính xác dưới milisecond và dấu vết kiểm toán); định thời lap đồng bộ GPS (môn thể thao động cơ, đạp xe); hệ thống định thời cuộc đua được ghép nối Bluetooth không dây; hoặc bất cứ điều gì mà thời gian trở thành một kỷ lục chính thức được quy định. Độ chính xác định thời của nền tảng web đã được giảm có chủ ý sau Spectre/Meltdown để giảm thiểu các cuộc tấn công side-channel; đối với việc sử dụng đồng hồ bấm giờ này là vô hình (con người không thể cảm nhận sự khác biệt) nhưng đối với các phép đo benchmark cấp microsecond, bạn cần các header cross-origin-isolated. Đối với định thời dài hạn nơi tab có thể mất tiêu điểm, hãy mong đợi hiển thị "đóng băng" trên các tab nền nhưng hiển thị thời gian trôi qua đúng khi bạn quay lại, phép tính sử dụng delta timestamp, không phải các khoảng thời gian tích lũy.

Giữ Màn hình Sáng, Wake Lock API

Các trình duyệt tự động làm mờ và cuối cùng tắt màn hình trên các thiết bị di động sau một khoảng thời gian không hoạt động, điều này không hữu ích khi bạn đang sử dụng đồng hồ bấm giờ để định thời một bài tập và màn hình tắt giữa chừng. W3C Screen Wake Lock API cho phép một trang web yêu cầu màn hình tiếp tục sáng trong khi trang đang được sử dụng, được hỗ trợ trong Chrome kể từ 84 (tháng 7 năm 2020), Edge, Opera và Safari kể từ 16.4 (tháng 3 năm 2023), với Firefox được thêm vào trong 126 (tháng 5 năm 2024). Đối với đồng hồ bấm giờ, mẫu điển hình là lấy wake lock khi bộ định thời bắt đầu và giải phóng nó khi bộ định thời dừng hoặc trang mất khả năng hiển thị; điều này ngăn màn hình tắt trong các lần chạy dài mà không vĩnh viễn ghi đè cài đặt hiển thị của người dùng. Đồng hồ bấm giờ ưu tiên di động được hưởng lợi đáng kể từ tích hợp Wake Lock; trường hợp sử dụng tiền cảnh của công cụ này hiếm khi cần đến nó, nhưng tùy chọn này đáng biết cho các đồng hồ bấm giờ tự xây dựng.

Tính năng

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

Định thời chính xác đến mức nào?

Hiển thị cập nhật 10 lần mỗi giây (độ chính xác centisecond) và phép tính cơ bản sử dụng performance.now(), đơn điệu và chính xác đến khoảng 100 microsecond trong các trình duyệt hiện đại (1 milisecond trên một số cấu hình sau các giảm thiểu Spectre/Meltdown). Đối với tập luyện, nấu ăn, thuyết trình và thể thao giải trí điều này là quá đủ, con người không thể cảm nhận sự khác biệt thời gian mịn hơn khoảng 50ms trong bối cảnh UI. Không phải là sự thay thế cho định thời điền kinh được quy định, định thời môn thể thao động cơ đồng bộ GPS, hoặc bất cứ điều gì trở thành một kỷ lục chính thức.

Tại sao hiển thị đóng băng khi tôi chuyển tab?

Throttling tab trình duyệt. Khi một tab mất tiêu điểm, các trình duyệt giảm tốc độ mà các callback requestAnimationFrame và bộ định thời kích hoạt, thường giới hạn ở 1 giây giữa các lần gọi, và Chrome 88+ (tháng 1 năm 2021) còn giảm xuống 1 phút sau 5 phút không hoạt động để tiết kiệm pin. Hiển thị không thể cập nhật mà không có callback được kích hoạt. Tin tốt: thời gian trôi qua tự nó được tính toán chính xác vì công cụ này sử dụng delta timestamp (performance.now() - startTime) thay vì các khoảng thời gian tích lũy, khi bạn quay lại tab, hiển thị nhảy đến thời gian trôi qua đúng. Để định thời nền thực sự chính xác, mẫu Web Worker là giải pháp tiêu chuẩn.

Thời gian lap hoạt động như thế nào?

Nhấn Lap ghi hai giá trị: khoảng thời gian lap (thời gian kể từ lap trước, hoặc kể từ điểm bắt đầu nếu đó là lap đầu tiên) và tổng tích lũy (thời gian kể từ điểm bắt đầu, còn được gọi là "split"). Cả hai được hiển thị cạnh nhau trong bảng lap. Sự phân biệt quan trọng trong điền kinh: khoảng thời gian lap cho bạn biết sự nhất quán tốc độ theo phân đoạn, tổng tích lũy cho bạn biết tiến trình tuyệt đối so với thời gian mục tiêu. Nhấn Lap bao nhiêu lần bạn cần; không có giới hạn.

Tôi có thể tạm dừng mà không mất thời gian trôi qua không?

Có, Stop tạm dừng bộ định thời tại giá trị hiện tại; nhấp Start lần nữa để tiếp tục từ nơi bạn đã dừng. Reset xóa mọi thứ (thời gian trôi qua và tất cả các bản ghi lap) và trở về không. Bảng lap tồn tại qua các chu kỳ stop-and-resume nên bạn có thể xem xét và xuất các lap từ một phiên định thời nhiều phân đoạn.

Tôi có thể giữ màn hình sáng trong một bài tập dài không?

Đối với định thời thể thao dài hạn trên một điện thoại, hành vi mặc định của trình duyệt là làm mờ và cuối cùng tắt màn hình, điều này không hữu ích giữa bài tập. W3C Screen Wake Lock API (Chrome 84+ tháng 7 năm 2020, Safari 16.4+ tháng 3 năm 2023, Firefox 126+ tháng 5 năm 2024) cho phép một trang web yêu cầu màn hình tiếp tục sáng trong khi sử dụng. Đồng hồ bấm giờ này hiện không gọi Wake Lock tự động, hiện tại, giải pháp là điều chỉnh thủ công thời gian chờ ngủ màn hình của điện thoại của bạn, hoặc sử dụng ứng dụng đồng hồ bấm giờ gốc của thiết bị cho sử dụng thể thao dài hạn.

Dữ liệu định thời của tôi có được gửi đi đâu không?

Không. Đồng hồ bấm giờ chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu định thời của bạn, thời gian bắt đầu, thời gian lap, giá trị trôi qua hiện tại, không bao giờ băng qua mạng. Xác minh trong tab Network của DevTools khi đồng hồ bấm giờ chạy, hoặc đưa trang offline (chế độ máy bay) sau khi nó tải và đồng hồ bấm giờ vẫn hoạt động hoàn hảo. Hữu ích cho bất kỳ bối cảnh định thời nào nơi tính bảo mật quan trọng: các thử nghiệm thể thao đường đua đóng, đánh giá hiệu suất nội bộ, v.v.

Công cụ liên quan

Bộ đếm ngược

Lập trình đếm ngược với cảnh báo.

Bộ đếm thời gian Pomodoro

Bộ đếm thời gian tập trung với khoảng làm việc và nghỉ.

Kiểm tra tốc độ gõ phím

Kiểm tra tốc độ và độ chính xác gõ phím của bạn.