如何在JavaScript中读取时间？倒计时剩10分钟时如何触发用户提示

完全没问题～倒计时的核心其实就是维护一个剩余秒数变量，我们可以在每次更新计时器的时候检查这个变量的值，当剩余时间到10分钟（也就是600秒）时，触发提示逻辑就行。

咱们直接基于你给出的示例代码修改，给你补上完整的实现，还加入了避免重复提示的逻辑：

function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    // 新增变量：标记是否已经弹出过提示，避免重复触发
    var hasAlerted = false;

    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        display.textContent = minutes + ":" + seconds;

        // 核心判断：当剩余时间等于10分钟（600秒）且还没提示过时，触发提示
        if (timer === 600 && !hasAlerted) {
            alert("剩余时间不足10分钟，请尽快完成！");
            hasAlerted = true; // 标记为已提示，防止重复弹出
        }

        // 计时器递减，直到0为止
        if (--timer < 0) {
            timer = duration;
            // 如果需要倒计时结束后重置提示标记，可以在这里加：hasAlerted = false;
        }
    }, 1000);
}

// 调用示例：初始化30分钟倒计时（30*60=1800秒），显示在id为timer的元素中
window.onload = function () {
    var thirtyMinutes = 60 * 30,
        display = document.querySelector('#timer');
    startTimer(thirtyMinutes, display);
};

关键逻辑说明： #

• 我们新增了hasAlerted变量，用来标记是否已经触发过提示，避免每一秒都弹出提示框；
• 在每次计时器更新时，检查timer是否等于600（10分钟的秒数），同时确认还没提示过，就弹出提示并更新标记；
• 如果你的倒计时结束后会重置，记得在重置timer的时候把hasAlerted也改回false，这样下一轮倒计时还能正常触发提示。

如果觉得alert弹窗太生硬，也可以换成页面内的友好提示，比如操作DOM显示一段文字：

// 替换alert的代码
var notice = document.querySelector('#notice');
notice.textContent = "剩余时间不足10分钟，请尽快完成！";
notice.style.color = "red";

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