实现从0到5的递增定时器，无法在5处停止的问题排查

你的定时器无法在5处停止的核心问题是清除定时器时传入的参数错误：

• setInterval会返回一个唯一的定时器ID，只有传入这个ID给clearInterval，才能正确终止对应的定时器。但你现在传入的是timer函数本身，而非这个ID，导致定时器无法被清除。

另外你的计数逻辑也可以优化，避免数值超出目标值。以下是修正后的完整代码：

修正后的JavaScript代码 #

var licz = 0;
var intervalId; // 用来存储定时器ID

function timer() {
  // 保存setInterval返回的ID
  intervalId = window.setInterval(function() {
    document.getElementById('timer_r').innerHTML = licz;
    
    // 先判断是否达到停止条件，再决定是否递增
    if (licz >= 5) {
      window.clearInterval(intervalId);
      return;
    }
    licz++;
  }, 1000);
}

修正后的HTML代码 #

<input type="button" id="timer" value="timer" onclick="timer();">
<p>Odliczanie: <span id='timer_r'> _ </span></p>

（注：原HTML中input标签的on属性是多余的，已移除）

关键改动说明 #

1. 新增intervalId变量存储setInterval返回的定时器ID，确保clearInterval能定位到要终止的定时器。
2. 调整逻辑顺序：先更新显示，再判断是否达到停止条件，避免licz数值超出5。

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