嘿，我来帮你搞定这个问题！要让自动刷新能被停止，核心是必须保存住控制刷新的定时器ID，同时确保按钮的事件绑定时机是对的。我先给你拆解问题和正确实现方式：

常见的错误原因 #

你写的代码失效，大概率是这几个原因之一：

• 没保存定时器的ID，导致后续无法清除刷新任务
• 按钮还没加载完成就绑定事件，找不到button1元素，事件绑定失败
• 如果你是用<meta>标签做的自动刷新（比如<meta http-equiv="refresh" content="10">），这种方式是浏览器原生控制的，JS没法直接停止，必须换成JS控制的刷新逻辑

正确的实现代码 #

下面是完整的可运行代码，直接用就行：

// 全局保存定时器ID，确保在点击事件里能访问到
let refreshTimer;

// 等页面所有DOM元素加载完成后再执行代码
document.addEventListener('DOMContentLoaded', function() {
    // 启动每10秒一次的自动刷新
    refreshTimer = setInterval(() => {
        window.location.reload();
    }, 10000);

    // 获取停止按钮并绑定点击事件
    const stopRefreshBtn = document.getElementById('button1');
    stopRefreshBtn.addEventListener('click', function() {
        // 清除定时器，停止自动刷新
        clearInterval(refreshTimer);
        // 可选：给用户一个反馈
        console.log('页面自动刷新已停止');
        // 或者用弹窗提示：alert('自动刷新已停止');
    });
});

关键细节说明 #

• 保存定时器ID：setInterval会返回一个数字ID，只有用这个ID调用clearInterval才能停止对应的定时任务，所以必须把它存在全局或者事件能访问到的作用域里
• DOM加载时机：用DOMContentLoaded事件确保代码在按钮元素加载完成后再执行，避免出现getElementById('button1')返回null的情况
• 如果之前用的是meta标签刷新，一定要删掉那行代码，换成上面的JS逻辑

排查小技巧 #

如果还是不行，打开浏览器的开发者工具（按F12），切换到Console面板，看看有没有报错：

• 如果显示Cannot read property 'addEventListener' of null：说明按钮还没加载就执行了代码，检查代码位置，要么放在DOMContentLoaded里，要么把JS代码放在页面底部（</body>标签之前）
• 如果没有报错但点击没反应：检查refreshTimer变量是否正确保存了ID，可以在启动定时器后console.log(refreshTimer)看看有没有输出数字

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