JavaScript实现按钮自动点击仅触发一次的解决方法

你当前的自动点击逻辑使用setInterval实现，该API会按照设定的时间间隔无限循环执行回调，因此会出现无限点击按钮的问题，要实现首次点击后立即停止自动触发，有两种可直接落地的写法：

写法1：使用setTimeout替代（推荐） #

setTimeout本身的特性就是延迟指定时长后仅执行一次回调，不需要额外做终止操作，代码最简洁：

<input type="button" name="submitbre" id="loadBtn" value="Load More">

<script>
var btn = document.querySelector("[name='submitbre']");
// 页面加载4秒后自动点击1次按钮，不会重复触发
setTimeout(function(){
  btn.click();
}, 4000);
</script>

写法2：保留setInterval，首次执行后主动清除定时器 #

如果你后续有扩展多次点击的需求，可以保留setInterval写法，在第一次执行点击逻辑后，调用clearInterval传入定时器ID终止循环：

<input type="button" name="submitbre" id="loadBtn" value="Load More">

<script>
var btn = document.querySelector("[name='submitbre']");
// 接收定时器返回的唯一ID，用于后续清除
var autoClickTimer = setInterval(function(){
  btn.click();
  // 点击执行后立刻清除定时器，阻断后续循环
  clearInterval(autoClickTimer);
}, 4000);
</script>

方案选择说明 #

• 仅需要单次延迟点击的场景选第一种，代码少逻辑清晰，没有冗余操作
• 后续可能要调整为点击N次再停止、满足特定条件再停止的场景选第二种，扩展更方便

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