如何实现class为btn-primary的按钮自动点击10次后停止

核心逻辑 #

• 新增计数器变量记录已点击次数，初始值设为0
• 将定时器赋值给一个变量，用于后续达到点击次数上限时销毁定时器
• 每次定时任务触发时先判断次数是否达到10次，达到则直接清除定时器终止执行
• 按钮点击成功后将计数器数值+1

完整修改后的代码 #

JS 代码 #

window.onload = function(){
  let clickCount = 0;
  const autoClickTimer = setInterval(function(){
    // 累计点击10次后停止定时器
    if (clickCount >= 10) {
      clearInterval(autoClickTimer);
      return;
    }
    const targetBtn = document.getElementsByClassName('btn-primary')[0];
    if (typeof targetBtn !== "undefined") {
      targetBtn.click();
      clickCount++;
    }
  }, 1000);
}

HTML 代码（无需修改，保持原有逻辑即可） #

<button type="button" class="btn-primary" >Auto click</button>

内容的提问来源于stack exchange，提问作者Abu Naaim Md. Montasir Rahman