基于现有JS代码实现倒计时接近0或归零时自动点击按钮

先修正原倒计时代码的问题（比如未定义的secs变量、时间单位错误），再将按钮点击逻辑整合进去，实现倒计时接近零或归零时自动触发点击，同时避免重复触发：

<script>
// 获取目标按钮
const btn = document.querySelector("[data-pafe-form-builder-submit-form-id='lola']");
// 添加点击日志（可选）
btn.addEventListener('click', () => {
    console.log('按钮已触发点击');
});

// 标记是否已触发过点击，避免倒计时阈值内重复触发
let hasTriggered = false;

setInterval(function up_time() {
    const now = new Date();
    const mins = now.getMinutes();
    const secs = now.getSeconds(); // 补上原代码缺失的秒数变量

    // 计算当前小时的结束时间（即下一小时的0分0秒）
    const target = new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours() + 1, 0, 0);
    
    // 计算剩余毫秒数
    const millisecondsRemaining = target.getTime() - now.getTime();
    // 转换为剩余秒数（可选，用于显示或判断）
    const secondsRemaining = Math.floor(millisecondsRemaining / 1000);

    // 更新倒计时显示（保留原逻辑）
    document.getElementById("timer_rank1").innerHTML = millisecondsRemaining * 999;

    // 判断是否接近归零（比如剩余时间≤5秒，可自行调整阈值）
    const threshold = 5000; // 5000毫秒=5秒
    if (millisecondsRemaining <= threshold && !hasTriggered) {
        btn.click();
        hasTriggered = true; // 标记已触发，避免重复点击
    }

    // 当倒计时结束（进入下一小时），重置触发标记，准备下一轮循环
    if (millisecondsRemaining <= 0) {
        hasTriggered = false;
    }
}, 1000);
</script>

关键说明： #

• 修正倒计时逻辑：原代码缺失secs变量，补上后重新计算目标时间为当前小时的下一小时0分0秒，确保完整的1小时倒计时循环。
• 触发阈值控制：设置threshold变量（示例为5000毫秒），当剩余时间小于等于该值时触发按钮点击，可根据需求调整阈值大小。
• 避免重复触发：用hasTriggered标记，确保一次倒计时周期内只触发一次点击，不会每秒重复执行点击操作。
• 循环重置：倒计时归零进入下一小时时，重置hasTriggered，让下一轮倒计时可以再次触发点击逻辑。

额外优化建议： #

• 若按钮是动态加载的，可将按钮获取逻辑放到定时器内部，或者使用MutationObserver监听按钮元素的出现，避免初始状态下获取不到按钮的问题。
• 若不需要精确到毫秒，可将剩余时间转换为秒数进行判断，逻辑会更直观。

内容的提问来源于stack exchange，提问作者kfir ben shimon