如何修正打字测试网站中JavaScript的WPM计算公式？

问题根源 #

原代码的WPM计算逻辑是基于固定60秒测试时长设计的，它错误地将time当作剩余秒数来推导已用时间。但现在你把time改成了用户选择的总测试时长（比如120秒），原逻辑完全不匹配，导致WPM计算结果异常。

正确的WPM计算逻辑 #

WPM（每分钟字数）的行业通用计算方式是：

WPM = (输入字符数 / 5) / 实际花费时间（分钟）
注：字符数除以5是默认的单词数估算规则，假设每个单词平均5个字符

修正后的代码实现 #

假设timer变量存储的是当前剩余的测试秒数，修正后的代码如下：

// 获取用户选择的总测试时长（秒）
let time = parseInt(document.getElementById("time-select").value);
// 获取当前剩余的测试时间（秒）
let remainTime = parseInt(timer);
// 计算用户实际花费的时间（秒）
let timeSpentInSeconds = time - remainTime;
// 转换为分钟单位，避免除以0，未消耗时间时用极小值替代
let timeSpentInMinutes = timeSpentInSeconds > 0 ? timeSpentInSeconds / 60 : 0.001;

// 计算并显示WPM
let wpm = (userInput.value.length / 5 / timeSpentInMinutes).toFixed(2);
document.getElementById("wpm").innerText = `${wpm} wpm`;

关键说明 #

1. 实际时间计算：用总时长减去剩余时长，得到用户实际打字消耗的秒数
2. 单位转换：WPM核心是“每分钟”，必须把秒数除以60转换成分钟单位，这是原代码缺失的关键步骤
3. 异常处理：测试刚开始时timeSpentInSeconds为0，直接除以0会报错，用0.001替代可避免报错，此时因输入字符数为0，WPM会显示为0

额外优化点 #

• 如果支持用户主动提交测试，需确保timeSpentInSeconds取提交时的实际已用时间，而非直接用总时长
• 可增加输入判断：若用户输入为空，直接显示0 wpm

内容的提问来源于stack exchange，提问作者sleepypanda