如何让setInterval执行2次后停止？现有代码持续执行求助

要实现仅执行2次自动点击后停止，核心是通过计数器追踪点击次数，达到目标次数时清除setInterval创建的定时器。以下是修改后的完整代码：

<input type="text" value="0" id="count_id">

<input type="button" value="Click Me" id="button_id" onclick="myFunction()">

<script>
function myFunction() {
    var data = document.getElementById("count_id").value;
    var datacount = parseInt(data) + 1;
    document.getElementById("count_id").value = datacount;  
    document.getElementById("button_id").value = "Clicked";
}

// 声明计数器和定时器变量
let clickCount = 0;
const intervalId = setInterval(function(){
    document.getElementById("button_id").click();
    clickCount++;
    // 达到2次点击后清除定时器
    if(clickCount === 2){
        clearInterval(intervalId);
        // 可选：重置按钮文字
        document.getElementById("button_id").value = "Click Me";
    }
}, 3000);
</script>

关键修改点： #

• 新增clickCount变量记录自动点击的次数，初始值为0
• 用intervalId保存setInterval的返回值，这是清除定时器的关键标识
• 每次触发点击后递增clickCount，当计数等于2时，调用clearInterval(intervalId)终止定时器
• 修复了原代码末尾多余的闭合大括号}

另外，如果你想基于输入框的数值来判断停止条件（比如输入框数值到2时停止），也可以修改判断逻辑为：

if(parseInt(document.getElementById("count_id").value) === 2){
    clearInterval(intervalId);
}

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