Javascript 有没有办法切换设置间隔

我只是在玩JavaScript中的setInterval函数。 我想知道是否有一种方法可以通过HTML按钮切换setInterval

这是我的密码

let x = 0;
const listener = document.getElementById('listener');
const numberPlace = document.getElementById('numberPlace');

const numberCounter = setInterval(() => {
  x++;
  numberPlace.innerHTML = x;
}, 100);

listener.addEventListener('click', numberCounter);

问题是，当页面加载时，数字开始计数，而不是单击按钮

请帮助

可以使用取消，并在调用

setInterval

时返回整数标识符

const numberCounter = () => setInterval(() => {
  x++;
  numberPlace.innerHTML = x;
}, 100);

要切换基于

setInterval

的计数器，只需切换该标识符的存在（或不存在）

let计数器=0；
设intervalId=null；
const btn=document.getElementById（'btn'）；
const numberPlace=document.getElementById（'numberPlace'）；
常量numberCounter=（）=>有效期===null
? intervalId=setInterval（（）=>numberPlace.innerHTML=++计数器，100）
：（clearInterval（intervalId），intervalId=null）
btn.addEventListener（'click'，numberCounter）
切换
可以使用取消，并且在调用
setInterval
时返回整数标识符

要切换基于
setInterval
的计数器，只需切换该标识符的存在（或不存在）


let计数器=0；
设intervalId=null；
const btn=document.getElementById（'btn'）；
const numberPlace=document.getElementById（'numberPlace'）；
常量numberCounter=（）=>有效期===null
? intervalId=setInterval（（）=>numberPlace.innerHTML=++计数器，100）
：（clearInterval（intervalId），intervalId=null）
btn.addEventListener（'click'，numberCounter）
切换
Checkout:Make
numberCounter
一个函数，调用该函数时调用
setInterval
。目前它是调用
setInterval
的返回值……这是否回答了您的问题@事实并非如此。您实际的问题是“单击按钮时如何运行代码”，我想您应该能够找到显示如何正确执行此操作的现有答案。签出：生成
numberCounter
一个调用
setInterval
的函数。目前它是调用
setInterval
的返回值……这是否回答了您的问题@你真正的问题是“当点击一个按钮时，我该如何运行代码”，我想你应该能够找到现有的答案来说明如何正确地做到这一点。