倒计时器中的JavaScript重定向循环

Question

I have a Javascript countdown timer in my page. Once the counter reachers zero, I want to redirect the user to another page. However, my page is entering a redirect loop and keeps redirecting to itself.

var count=20;

setInterval(timer, 1000);

function timer()
{
    if(count > 0)
    {
        count = count - 1;
    }
    else
        window.location = "<?= site_url('quiz/complete/' . $session->id); ?>";

    document.getElementById("timer").innerHTML = count;
}

Answer 1

You need to remove interval by clearInterval() function. Something like:

var count=20;

var interval = setInterval(timer, 1000);

function timer()
{
  if(count > 0)
  {
    count = count - 1;
  }
  else {
    clearInterval(interval);
    window.location = "<?= site_url('quiz/complete/' . $session->id); ?>";
  }
  document.getElementById("timer").innerHTML = count;

}