Question

我想制作多个倒数计时器，我将其放在每个标签中。当我点击一个标签时，倒计时将开始，但在另一个标签中的另一个倒计时将停止。我可以做到这一点吗？有人，请帮帮我......

Answer 1

您可以单独处理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并再次启动它。

Answer 2

使用setInterval（）＆amp; clearInterval来处理你的计时器。点击标签上的点击事件＆amp;清除你想要停止的计时器，你也可以重置计时器，如果这是你需要的。

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/

怎么制作两个倒计时器，如果一个开始但另一个会停止？

2 个答案: