Chuyển đến nội dung chính

Bộ Đếm Tally Trực Tuyến miễn phí

Bộ đếm nhấp chuột tự động lưu trong trình duyệt. Thêm nhiều bộ đếm với nhãn và bước tùy chỉnh. Đếm người, lần lặp, vòng đua, hàng tồn kho, bất cứ thứ gì.

Hoạt động ngoại tuyến sau khi tải
Đang tải...

Công dụng phổ biến

  • Đếm Người tại Sự KiệnTheo dõi sự tham dự, số người hoặc dung tích tại cửa và địa điểm.
  • Đếm Hàng Tồn Kho và Cổ PhiếuGhi tally các mục trong khi đếm hàng tồn kho mà không mất chỗ của bạn.
  • Đếm Lần Lặp Lại và BộTheo dõi các lần lặp lại, bộ hoặc vòng tập luyện với các mục tiêu chạm lớn.
  • Bộ Đếm Hàng cho Đan và MócTheo dõi các hàng và các lần lặp lại mẫu trong dự án của bạn.
  • Đếm Chim, Động Vật Hoang Dã và Khảo SátGhi tally các cuộc quan sát trong các cuộc đếm chim, khảo sát và nghiên cứu thực địa.

Cách hoạt động

Bộ đếm này chạy hoàn toàn trong trình duyệt bằng React state và localStorage API tích hợp của trình duyệt — không có máy chủ, không tài khoản và không gửi dữ liệu đi đâu cả. Số đếm tự động được giữ lại khi làm mới trang, và chế độ toàn màn hình dùng Screen Wake Lock API để giữ màn hình luôn sáng khi đếm.

  1. 1
    Trạng thái được lưu trong localStorage
    Khi trang tải, công cụ đọc các bộ đếm đã lưu trước đó từ localStorage theo một khóa cố định. Mỗi bộ đếm — nhãn, giá trị hiện tại, bước nhảy và cờ cho phép số âm — được tuần tự hóa thành JSON và ghi lại vào localStorage mỗi khi thay đổi, nên số đếm vẫn còn nếu bạn vô tình đóng thẻ hoặc làm mới.
  2. 2
    Tăng/giảm qua React state
    Nhấn + hoặc nút lớn ở giữa sẽ gọi hàm cập nhật cộng bước nhảy đã cấu hình vào giá trị hiện tại của bộ đếm. Nếu tắt cho phép số âm, kết quả được giới hạn tối thiểu bằng 0 với Math.max. Phím tắt (Space/+ để tăng, -/Backspace để giảm) được gắn qua trình nghe keydown trên window, nhắm vào bộ đếm đang hoạt động.
  3. 3
    Chế độ toàn màn hình với Screen Wake Lock
    Vào chế độ toàn màn hình sẽ hiển thị một lớp phủ mà toàn bộ màn hình là vùng chạm. Đồng thời, công cụ yêu cầu wake lock qua navigator.wakeLock.request('screen') — một API trình duyệt yêu cầu hệ điều hành không cho màn hình ngủ. Khóa được tự động lấy lại nếu thẻ hiển thị trở lại sau khi bị chuyển xuống nền.
  4. 4
    Nhiều bộ đếm với tổng cộng
    Thêm bộ đếm thứ hai sẽ tạo một mục mới với ID được sinh bởi crypto.randomUUID(). Khi có nhiều hơn một bộ đếm, tổng cộng được tính bằng cách cộng mọi giá trị và hiển thị phía trên danh sách bộ đếm. Mỗi bộ đếm có cài đặt bước nhảy, đặt lại và cho phép số âm riêng.

Công cụ liên quan

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