Langkau ke kandungan utama

Pembilang Tally Dalam Talian percuma

Pembilang klik yang disimpan secara automatik dalam pelayar anda. Tambah berbilang pembilang dengan label dan langkah tersuai. Kira orang, ulangan, pusingan, inventori, apa sahaja.

Berfungsi luar talian selepas dimuatkan
Memuatkan...

Kegunaan biasa

  • Hitung orang pada acaraJejak kehadiran, kiraan orang atau kapasiti di pintu dan tempat.
  • Hitung inventori dan stokKira item semasa pengiraan stok tanpa kehilangan tempat anda.
  • Hitung pengulangan dan setJejak pengulangan senaman, set atau pusingan dengan sasaran sentuh besar.
  • Pembilang baris untuk merajut dan mengaitJejak baris dan pengulangan corak dalam projek anda.
  • Hitung burung, hidupan liar dan tinjauanTuru pemerhatian semasa pemeriksaan burung, tinjauan dan penyelidikan lapangan.

Cara ia berfungsi

Kaunter kiraan ini berjalan sepenuhnya dalam pelayar anda menggunakan state React dan API localStorage terbina dalam pelayar β€” tiada pelayan, tiada akaun, dan tiada data dihantar ke mana-mana. Kiraan kekal selepas halaman dimuat semula secara automatik, dan mod skrin penuh menggunakan API Screen Wake Lock untuk mengekalkan paparan anda hidup semasa mengira.

  1. 1
    State disimpan dalam localStorage
    Apabila halaman dimuatkan, alat ini membaca sebarang kaunter yang disimpan sebelum ini daripada localStorage di bawah kunci tetap. Setiap kaunter β€” labelnya, nilai semasa, saiz langkah, dan bendera benarkan-negatif β€” disiri sebagai JSON dan ditulis semula ke localStorage pada setiap perubahan, jadi kiraan anda kekal walaupun tab tertutup secara tidak sengaja atau dimuat semula.
  2. 2
    Tambah/kurang melalui state React
    Mengetik + atau butang besar di tengah memanggil pengemaskini yang menambah nilai langkah yang dikonfigurasi pada nilai semasa kaunter. Jika benarkan-negatif dimatikan, hasilnya diapit kepada sifar dengan Math.max. Pintasan papan kekunci (Space/+ untuk tambah, -/Backspace untuk kurang) disambungkan melalui pendengar keydown tetingkap yang menyasarkan mana-mana kaunter yang aktif.
  3. 3
    Mod skrin penuh dengan Screen Wake Lock
    Memasuki mod skrin penuh memaparkan lapisan di mana keseluruhan skrin ialah sasaran ketik. Serentak, alat ini meminta wake lock melalui navigator.wakeLock.request('screen') β€” API pelayar yang meminta OS menyekat tidur skrin. Kunci itu diperoleh semula secara automatik jika tab mendapat semula keterlihatan selepas dilatar belakangkan.
  4. 4
    Beberapa kaunter dengan jumlah gabungan
    Menambah kaunter kedua menghasilkan entri baharu dengan ID yang dijana crypto.randomUUID(). Apabila lebih daripada satu kaunter wujud, jumlah gabungan dikira dengan menjumlahkan semua nilai dan dipaparkan di atas senarai kaunter. Setiap kaunter mempunyai tetapan langkah, set semula, dan benarkan-negatif yang berasingan.

Alat berkaitan

Soalan lazim