How to stop count down timer

Question

Am working with a count down timer and I want to stop it when is 0, Here's my code

 function countdown() {
    // your code goes here
    var count = $('.c').attr('id');
    var timerId = setInterval(function () {
        count--;
         $('.c').text(count)
        if (count == 0) {
            $("#page").load("page.php");
            $('#beforeloading').html('');
            count = 60;
        }
    }, 1000);
}

 

Answer 1

You just need to clearInterval when the count is 0. https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/clearInterval

Answer 2

You'd clear the interval inside the condition

function countdown() {
  var count = $('.c').attr('id');
  var timerId = setInterval(function() {
    count--;
    $('.c').text(count)
    if (count == 0) {
      $("#page").load("page.php");
      $('#beforeloading').html('');

      clearInterval(timerId); // here
    }
  }, 1000);
}

Answer 3

I think you are looking for clearInterval:

   if (count == 0) {
        $("#page").load("page.php");
        $('#beforeloading').html('');
        count = 60;
        clearInterval(timerId);
    }

Answer 4

var Counter=1;
var myInterval= setInterval(function(){
  $("span").text(Counter);
   Counter++;
   if(Counter==11){
     clearInterval(myInterval);
       $("span").append(" Stop");
   }

}, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h4>Stop After 10s</h4><br>
<span></span>