Javascript - Redirect user to other page in X seconds

Asked Feb 25 '17 at 09:54

Active Feb 25 '17 at 10:05

Viewed 26 times

I try to redirect a user to another page after X seconds have passed, this is my attempt, but i get a error page and can't do anything:

 <span id="zeit"></span>

 <script>
     var timer=9;
     while (timer>0) {

        setTimeout(function(){
            timer = timer - 1;
            document.getElementById("zeit").innerHTML = timer;

        },1000);
    }

    window.location.href = "home";
</script>

What am I doing wrong?

Solution:

var timer=9;

setInterval(function(){
    timer = timer - 1;
    document.getElementById("zeit").innerHTML = timer;

    if (timer===0) window.location.href = "home";

},1000);

edited Feb 25 '17 at 10:05

asked Feb 25 '17 at 09:54

Black

18,150
39
158
271

Home is a valid route to a page, and is not the page that I am on. – Black Feb 25 '17 at 09:57
Then I get redirected instantly to the home page. – Black Feb 25 '17 at 09:59
Your loop is infinite. `timer` never gets the chance to decrement. – trincot Feb 25 '17 at 10:01
How is it infinite? I run while timer is bigger than 0 and setTimeout will decrement 1 from timer every 1000ms – Black Feb 25 '17 at 10:02
1

The timeout callback never gets to execute, as you are so busy looping. Asynchronous callback functions only get to execute if your currently running code stops. You are creating millions of timeouts. – trincot Feb 25 '17 at 10:03
Now I see, thank you! – Black Feb 25 '17 at 10:05
Aww, i was about to post my solution, but someone locked the post ._. a pitty for everyone in the future who has the same problem. – Black Feb 25 '17 at 10:08
The referenced Q&A should be enough to fix the issue. – trincot Feb 25 '17 at 10:09
I posted the solution in my question. – Black Feb 25 '17 at 10:10

Javascript - Redirect user to other page in X seconds

0 Answers0