如何停止倒数计时器

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

您只需在计数为0时clearInterval ://developer.mozilla.org/zh-CN/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>