jquery停止倒计时，当达到0与ClearInterval（）

Question

你好我已经倒数计数从5到0，但我想计数器停在0我使用.stop（）函数，但没有为我工作。我用SetInterval（）每秒钟刷新倒计时。现在我试图使用ClearInterval（），所以计数器应该停止计数。我不知道，但我认为我使用调用clearInterval完全错误的......

这是我用：

if (time === 0) { 
    clearInterval(); 
} 

下面是代码：

$(document).ready(function() { 
 
    $("button").click(function() { 
 
    var time = 5; 
 
    setInterval(function() { 
 
     time--; 
 
     $('#time').html(time); 
 
     if (time === 0) { 
 
     clearInterval(); 
 
     } 
 
    }, 1000); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="time">5</div> 
 
<button>Activate Countdown</button>

Answer 1

您需要告诉clearInterval()要停止哪个计时器。分配的时间间隔可变，然后给该变量clearInterval()

$(document).ready(function() { 
 
    $("button").click(function() { 
 
    var time = 5; 
 
    var timer = setInterval(function() { 
 
     time--; 
 
     $('#time').html(time); 
 
     if (time === 0) { 
 
     clearInterval(timer); 
 
     } 
 
    }, 1000); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="time">5</div> 
 
<button>Activate Countdown</button>