Javascript 反JS问题，不'；t每1s切换一次类

计数器工作不正常。我想得到的结果时，反风功能切换。活动类和显示数字，每1秒。目前，该类是切换的，但每2个数字显示一次，看起来并不是每1个数字显示一次

点击数字=0；
常数时间=1000；
const h1=document.querySelector（'h1'）；
函数反函数（）{
点击数字++；
h1.textContent=点击编号；
h1.classList.toggle（'active'）；
控制台日志（点击编号）；
}
设置间隔（反吹、时间）
.regular{
不透明度：0；
}
.主动{
字体大小：100px；
不透明度：1；
过渡：.4s；
}
HTML
0
您的问题是您正在使用。toggle，在第二次迭代之前不会再次切换。因此，基本上你会得到：

0-切换
一关
2-切换
三关

您可以选择为类使用.remove和.add或添加第二个.toggle

删除的示例：


点击数字=0；
常数时间=1000；
const h1=document.querySelector（'h1'）；
函数反函数（）{
h1.classList.remove（'active'）；
点击数字++；
h1.textContent=点击编号；
h1.classList.add（'active'）；
控制台日志（点击编号）；
}
设置间隔（反吹、时间）
.regular{
不透明度：0；
}
.主动{
字体大小：100px；
不透明度：1；
过渡：.4s；
}
HTML
0
因为需要同时删除和添加类，所以可以使用此代码


点击数字=0；
常数时间=1000；
const h1=document.querySelector（'h1'）；
函数反函数（）{
$（“#演示”）.addClass（“活动”）.delay（800）.队列（函数（下一个）{
$（此）.removeClass（“活动”）；
点击数字++；
h1.textContent=点击编号；
next（）；
});
控制台日志（点击编号）；
}
设置间隔（反吹、时间）
.regular{
不透明度：0；
}
.主动{
字体大小：100px；
不透明度：1；
转换延迟：.4s；
过渡：.4s；
}

0
它们不需要JQuery。使用JQuery可以做的任何事情都可以不用。推荐一个他们还没有使用过的库毫无意义。@basic好的，我知道，但是为了缩短代码，我不认为有什么大问题