Html 我的ajax倒计时没有'；它不能正常工作吗？

我这里有AJAX+HTML，它似乎没有发挥应有的作用。 基本上，它（使用/使用）只是第一个数字（计数），而其余的似乎都被忘记了

我的代码

var计数=200；
var计数器=设定间隔（a2，1000）；
函数a2（）{
计数=计数-1；
如果（计数<0）{
清除间隔（计数器）；
返回；
}
document.getElementById（“a2”）.innerHTML=count；
}
var计数=100；
var计数器=设定间隔（a3，1000）；
功能a3（）{
计数=计数-1；
如果（计数<0）{
清除间隔（计数器）；
返回；
}
document.getElementById（“a3”）.innerHTML=count；
}
这里的问题是JS中的
var
是函数范围的。因为您是在函数之外使用它的，所以它在整个脚本中几乎是全局的。把计数器实现变成一个函数并像这样调用它怎么样



功能计数器（元素、计数）{
var计数器=设置间隔（func，1000）；
函数func（）{
计数=计数-1；
如果（计数<0）{
清除间隔（计数器）；
返回；
}
document.getElementById（elem）.innerHTML=count；
}
}
计数器（“a2”，200）；
计数器（“a3”，100）；
否，您应该在一个
setInterval
函数中添加两个代码，以便同时执行：


var count1=10；
var count2=5；
var计数器=设定间隔（a2，1000）；
函数a2（）
{
如果（计数1！=0）
{
第1项--；
//一些依赖于count1的函数，例如。
如果（count1==3）{document.getElementById（“a2”）.style.color=“red”}
}
如果（count2！=0）
{
第二条--；
//一些函数依赖于count2例如。
if（count2==3）{document.getElementById（“a3”）.style.color=“red”}
}
如果（count1==0&&count2==0）{
清除间隔（计数器）；
}
console.log（'counting！'）；
document.getElementById（“a2”）.innerHTML=count1；
document.getElementById（“a3”）.innerHTML=count2；
}
试试这个


var计数_a2=200；
var计数器_a2=设定间隔（a2，1000）；
函数a2（）{
计数_a2=计数_a2-1；
如果（计数_a2<0）{
清除间隔（计数器_a2）；
返回；
}
document.getElementById（“a2”）.innerHTML=count_a2；
}
var计数=100；
var计数器=设定间隔（a3，1000）；
功能a3（）{
计数=计数-1；
如果（计数<0）{
清除间隔（计数器）；
返回；
}
document.getElementById（“a3”）.innerHTML=count；
}

谢谢您的分享，这会很有效，但如果我这里有很多代码，它似乎没有那么优化。您好，谢谢您，它似乎工作得很好，但现在我遇到了第二个问题，即它没有被执行，或者只是第一个脚本，但其他部分没有。这意味着此时只有一个计时器处于活动状态，当该计时器低于0时，另一个计时器启动。我不知道该怎么解决这个问题。TLDR：它通过ajax加载所有脚本，但在第一个计时器低于0后，它会一个接一个地执行。你能用你现在正在尝试的代码添加一个更新你的问题吗？