怎麼用
- 按「+」加一、按「−」減一;電腦也可以直接按空白鍵或鍵盤上的+、−。
- 下方「每次加減」可以改成別的數字,例如一次加 5、加 10。
- 想知道有沒有達標,在「目標值」填數字,加到那一刻會跳出提示。
- 要同時算幾件事(例如不同品項、不同組別),按「新增計數器」,替每個取個名字,上方一排按鈕可以切換。
- 按「歸零」要再按一次確認,避免誤按把數字清掉。「全螢幕」可以把大數字投在螢幕上給大家看。
適合拿來計數的場合
- 運動:伏地挺身、深蹲、跳繩、拉筋,手不方便看小畫面時,大按鈕和空白鍵很好按。
- 點人數、盤點:活動報到、店面客流、倉庫數量,多開幾個計數器分品項、分區域。
- 遊戲與比賽計分:桌遊、球賽計分,一人一個計數器,全螢幕投給大家看。
- 日常記錄:今天喝了幾杯水、這週讀了幾頁。
要決定誰先、吃什麼,可以搭配線上抽籤、線上轉盤或擲骰子;要計時請用倒數計時器。
限制
- 數字範圍限制在正負 999,999,999,999,999 之間(約一千兆),超過會停在上限。
- 最多同時開 12 個計數器,名稱最多 20 字,每次加減量為 1 到 1,000,000 的整數。
- 資料存在瀏覽器的 localStorage:清除網站資料、換裝置或無痕模式就不會保留;同一支瀏覽器開兩個分頁同時計數,後存的會蓋掉先存的,請只在一個分頁操作。
- 背景分頁或手機鎖定螢幕時,不能用鍵盤計數;畫面請保持開啟。
- 部分瀏覽器不支援或不會震動(例如 iPhone 的 Safari);選項有顯示不代表一定會震動。
常見問題
按住空白鍵,數字會一直跳嗎?
不會。按住空白鍵只算一次,要放開再按才會再加一;按住不會連續誤觸。想要「按住連續加」,請用畫面上的大「+」按鈕:按住超過半秒,就會開始連續加(或連續減),放開就停。
重新整理或關掉網頁,數字還在嗎?
還在。所有計數器的名稱、數字、每次加減量和目標值,都存在這支瀏覽器的 localStorage,下次打開同一支瀏覽器會自動接續。如果你清除網站資料、換手機或電腦、用無痕視窗,就不會有。重要的數字請自己另外記下來。
怎麼一次加好幾?
改「每次加減」欄位的數字。例如點人數時一次來一桌四個人,把它改成 4,按一下「+」或空白鍵就加 4。每個計數器各自記自己的加減量。
目標值是做什麼的?
你填一個目標數字,數字加到(或超過)它的那一刻,畫面會跳出「已達目標」的提示,手機支援的話還會震動。適合設定今天要做幾下、這批要盤點幾件。目標欄位留空就是不設目標。
為什麼我的手機按了沒有震動?
震動回饋靠瀏覽器的 Vibration API。部分瀏覽器不支援或不會震動(例如 iPhone 的 Safari 不支援),電腦也沒有震動馬達;手機開了靜音或省電模式也可能不會震。所以選項有顯示,不代表一定會震動;沒有震動時,計數本身不受影響。
運作原理
每個計數器只是一組存在瀏覽器裡的數字。按下「+」就用目前的數字加上「每次加減」的值,並限制在正負 999,999,999,999,999 以內(這是 JavaScript 數字能精確表示整數的安全範圍內)。長按時,先立刻加一次,按住超過 0.45 秒後連續加減,按得越久越快(有速度上限),放開就停止。鍵盤事件若是「按住不放」自動重複送出的(event.repeat),會被忽略,所以按住空白鍵只算一次。資料以 JSON 存進 localStorage;讀回時會檢查格式,資料壞掉或被改亂就改用預設的空計數器,不會讓頁面壞掉。
規格與來源
- 資料儲存:Web Storage(localStorage),說明見 MDN Web Storage API(英文,二手技術文件)。
- 震動回饋:Vibration API,見 MDN Navigator.vibrate()(英文)。
- 全螢幕:Fullscreen API,見 MDN Fullscreen API。
- 鍵盤自動重複:KeyboardEvent.repeat,見 MDN KeyboardEvent.repeat(英文)。