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>