如何用JavaScript实现倒计时功能？现有代码页面数值不更新如何解决

核心问题是时间单位不匹配：你将输入的分钟转换为了毫秒单位的总时长，但currentTime每次仅累加1（单位为毫秒），而setInterval每1000毫秒（1秒）才执行一次，相当于每秒钟倒计时仅走1毫秒，数值变化极慢，肉眼看起来就像冻结了。

除此之外代码还存在多个潜在问题：

• 多次点击Go按钮会生成多个并行定时器，导致计时错乱
• 第二次启动倒计时时没有重置currentTime初始值，会继承上次计时的残留值
• Reset按钮没有清空计时展示内容，也没有重置currentTime变量
• 秒数小于10时没有补0，展示格式不规范
• 没有校验输入值合法性，空输入或负数会导致异常

let currentTime = 0;
let intervalClear;
const input = document.getElementById('input');
const button = document.getElementById('button');
const mint = document.getElementById('mint');
const sec = document.getElementById('sec');

button.addEventListener('click', ()=>{
    // 校验输入合法性
    const inputMinute = Number(input.value);
    if (isNaN(inputMinute) || inputMinute <= 0) {
        alert('请输入有效的正整数分钟数');
        return;
    }
    // 清空已有定时器，避免多个定时器并行
    clearInterval(intervalClear);
    // 重置计时初始值
    currentTime = 0;
    const totalMillisecond = inputMinute * 60000;

    function countDown() {
        currentTime += 1000;
        const remainingTime = totalMillisecond - currentTime;

        // 倒计时结束处理
        if (remainingTime <= 0) {
            clearInterval(intervalClear);
            mint.innerText = '00';
            sec.innerText = '00';
            return;
        }

        // 计算剩余分秒并补0
        const minute = Math.floor(remainingTime / 60000);
        const second = Math.floor((remainingTime % 60000) / 1000);
        mint.innerText = String(minute).padStart(2, '0');
        sec.innerText = String(second).padStart(2, '0');
    }

    // 立即执行一次，避免首次展示延迟1秒
    countDown();
    intervalClear = setInterval(countDown, 1000);
})

const resetBtn = document.getElementById('reset');
resetBtn.addEventListener('click', ()=>{
    clearInterval(intervalClear);
    input.value = '';
    currentTime = 0;
    mint.innerText = '';
    sec.innerText = '';
})

1. 对齐时间单位：将currentTime++改为currentTime += 1000，每次累加1秒对应的毫秒数，数值变化符合肉眼感知
2. 新增输入合法性校验，过滤空值、非数字、负数等非法输入
3. 每次启动倒计时前清空已有定时器，避免多次点击生成多个并行定时器
4. 启动倒计时前重置currentTime为0，避免上次计时的残留值影响
5. 补充分秒补0逻辑，统一展示为两位数字格式
6. 完善Reset逻辑，补充重置currentTime和清空计时展示的处理
7. 将DOM元素查询提到全局，避免每次计时都重复查询DOM，提升性能

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