ClearInterval（）で0になったときにJqueryがカウントダウンする

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>

にその変数を与えます