如何制作两个倒计时计时器，如果一个开始，另一个会停止

How to make two countdown timer which if one start but another will stop?

本文关键字：一个 开始 另一个 计时器 何制作 两个 倒计时 如果      更新时间：2024-05-12

我想在每个选项卡中设置多个倒计时计时器。当我单击一个选项卡时，倒计时将开始，但在另一个选项卡中的另一个倒计时中将停止。我能做到吗？有人，请帮帮我。。。

使用setInterval（）&clearInterval来处理您的计时器。在选项卡上进行点击事件&清除你想停止的计时器，如果你需要的话，你也可以重置计时器。

var interval_1 = null, interval_2 = null, timer_1 = 0, timer_2 = 0;
$("#tab1").click(function()
{
    clearInterval(interval_2);
    interval_1 = setInterval(function(){ 
        timer_1++; 
    }, 1000); 
});

https://jsfiddle.net/v0owsqym/

您可以在javascript中单独处理setInterval（），就像实例一样工作。清除它们并重新开始是可能的，这似乎是你想要做的。要设置每个定时器，您可以这样做：

var interval_1 = null, interval_2 = null, timer_1 = 0, timer_2 = 0;
interval_1 = setInterval(function(){ 
  timer_1++; 
  console.log('interval_1: ' + timer_1); 
}, 1000); 
interval_2 = setInterval(function(){ 
  timer_2++; 
  console.log('interval_2: ' + timer_2); 
}, 2000);

要清除每个实例，你可以很容易地做到：

clearInterval(interval_1); // Based on the first example

所以你只需要清除设置为0的计时器，然后重新启动它。

相关文章：