[JavaScript] JavaScript 定时器

timerId = setInterval(func|code, delay, arg1, arg2, ...)

<p id="showNum"></p>
<button >点我每秒钟数字加一</button>
<script>
  const showNum = document.getElementById("showNum");
  let timerId; // 计时器的ID
  let num = 0;
  function timer() {
  timerId = setInterval(addNum, 1000);
  }
  function addNum() {
  showNum.innerText = `${num++}`;
  }
  // 没有写停止计时器代码
</script>

timerId = setTimeout(func|code, delay, arg1, arg2, ...)

<p id="showNum"></p>
<button >点击后，等待一秒钟数字加一</button>
<script>
  const showNum = document.getElementById("showNum");
  let timerId;
  let num = 0;
  addNum();
  function timer() {
  timerId = setTimeout(addNum, 1000);
  }
  function addNum() {
  showNum.innerText = `${num++}`;
  }
</script>

(intervalID);
clearTimeout(timeoutID);

⚠️ 注意的是setTimeout()和setInterval()共用一个编号池，技术上，clearTimeout()和 clearInterval() 可以互换。但是，为了避免混淆，不要混用取消定时函数。

function timer() {
  timerId = setTimeout(addNum, 1000);
}
clearTimeout(timerId); // 当代码运行到这行的时候，会取消timer所设置的定时器。

⚠️ 每一个计时器必须拥有唯一的名字，页面中最多能同时运行10,000个计时器。

.time(timerName);
console.timeEnd(timerName);

.time(name);
let num;
for (let index = 0; index < 99999; index++) {
  num++;
}
console.timeEnd(name);

</div>
    
    <div id="asideoffset"></div>