组织一场比赛、一场对决,经常需要记分和计时:哪队赢了一分、还剩多少时间。用纸记、用手机记都不太方便,看的人也不清楚。这个小工具就是一块大屏计分板——两支队伍分数大号显示,中间是倒计时,按一下加一分、按一下开始计时,红蓝分明,远远就能看清。
主要功能
主体结构
整屏铺满,深色背景。上面是大标题和副标题(能直接点着改),中间是倒计时。下面左右各一支队伍,每支队伍上面是队名(也能直接改),下面是超大的比分数字。红队在左,蓝队在右,中间一个"VS"。左下角有个"说明"按钮,点开看使用说明和快捷键。
比分加减
每个队的比分卡片,上半部分点一下 +1 分,下半部分点一下 -1 分。鼠标移上去会显示"+1 分"或"-1 分"的提示。数字变化时卡片会翻页,像翻书一样。比分不会低于 0,减到 0 再减会提示"比分不能低于 0"。
倒计时
中间下方一个圆角的计时框,显示"分:秒",默认 12:00。点一下开始或暂停。计时到 0 会停住,屏幕中间弹出"比赛结束"。暂停时弹"比赛暂停",开始时弹"比赛开始"。弹出来的时候会放大缩小一下,挺显眼。
修改倒计时时长
点中间的"VS"标记,或者按键盘 A,会弹出一个输入框,让你填倒计时多少分钟(可以填小数,比如 0.5 就是 30 秒)。填好确认,计时就设好了。
改标题和队名
主标题、副标题、两个队名,都是可以直接点着改的。点一下光标进去,改完按回车或者点别处就保存了。这让工具可以适配各种比赛场景,不用改代码。
键盘快捷键
不用鼠标,键盘就能操作:
空格:开始 / 暂停计时
A:设置倒计时时长
←:红队 +1 分
→:蓝队 +1 分
↑:红队 -1 分
↓:蓝队 -1 分
在输入框里打字的时候快捷键不生效,不会误触。
自动缩放适配
整个计分板按 960 × 520 的尺寸设计,会按窗口大小自动缩放。窗口大就放大,窗口小就缩小,比例不变,屏幕全屏、网页全屏、窗口模式都能正常显示,不会虚、不会缺。
使用说明弹窗
左下角"说明"按钮点开一个弹窗,把鼠标怎么用、快捷键是哪些都列清楚了,第一次用不用猜。按 ESC 或点空白处关掉。
适合谁用
学校、培训班搞知识竞赛、分组比赛,用大屏投出来记分计时;公司团建、部门活动搞趣味对决,两队比分一目了然;家庭聚会、朋友玩游戏,用它当个小计分板;直播、主持活动需要计分和倒计时,投影出来效果不错;辩论赛、演讲比赛、抢答赛,也都能用。
用起来什么感觉
打开就是一块深色大屏,红蓝两队对称摆开,中间倒计时醒目,看一眼就知道谁领先、还剩多久。加一分点一下,卡片翻一下,动画很流畅。时间走到 0,中间弹出大字"比赛结束",全场都能看到。键盘快捷键用起来特别快,主持人一边说话一边按一下就行,不用切窗口。
标题、队名都能现场改,赛前改成对阵双方的名字,比赛更有代入感。整体在浏览器本地运行,不联网也能用,不依赖任何服务器。全屏打开就是大屏效果,手机横过来也能看,但更推荐投影或大屏使用。
有一点要提醒:倒计时用浏览器计时,切到别的标签页时间久了可能会有微小误差,一般比赛影响不大。如果要求极高精度,建议保持页面在前台。刷新页面会重置比分和倒计时,重要比赛别手滑刷新。