Page Redirect after X seconds wait using JavaScript

Question

I need to redirect to specific url after 5 seconds after putting an error message. First i have used Javascript as below.

document.ready(window.setTimeout(location.href = "https://www.google.co.in",5000));

But it is not waiting for 5 seconds. Than I searched the issue in google than come to know that "document.ready()" is invoked when document is loaded at DOM, not at web browser.

Than i have used window.load() function of jQuery but still i am not getting what i want.

$(window).load(function() {
               window.setTimeout(window.location.href = "https://www.google.co.in",5000);
            });

Can anyone please let me know how exactly i need to do to wait for 5 seconds.

For a complete solution: [js redirect](http://insider.zone/tools/client-side-url-redirect-generator/) — Patartics Milán, Oct 16 '16 at 12:44
While it is a javascript-question, it sure seems like the HTML-alternative should be mentioned. `` — ippi, May 30 '18 at 03:32

score 145 · Accepted Answer · edited Jun 25 '16 at 13:51

145

It looks you are almost there. Try:

if(error == true){

    // Your application has indicated there's an error
    window.setTimeout(function(){

        // Move to a new location or you can do something else
        window.location.href = "https://www.google.co.in";

    }, 5000);

}

edited Jun 25 '16 at 13:51

Steve Campbell

3,385
1
31
43

answered Jun 17 '13 at 14:39

ajtrichards

29,723
13
94
101

4

An html alternative – Aravind Srinivas Dec 29 '18 at 11:39
Thanks, I combined it with PHP: if ($row_cnt>0) { echo "Already posted!"; echo ""; exit(); } – Clark Superman Apr 08 '20 at 07:46

palaѕн · Answer 2 · 2015-08-29T13:49:35.717

43

You actually need to pass a function inside the window.setTimeout() which you want to execute after 5000 milliseconds, like this:

$(document).ready(function () {
    // Handler for .ready() called.
    window.setTimeout(function () {
        location.href = "https://www.google.co.in";
    }, 5000);
});

For More info: .setTimeout()

edited Aug 29 '15 at 13:49

answered Jun 17 '13 at 14:38

palaѕн

72,112
17
116
136

1

Beat me to it. The redirect doesn't wait because the location is being assigned immediately. It has to be a function call – Cfreak Jun 17 '13 at 14:39

score 35 · Answer 3 · edited May 30 '18 at 03:28

35

You can use this JavaScript function. Here you can display Redirection message to the user and redirected to the given URL.

<script type="text/javascript">   
    function Redirect() 
    {  
        window.location="http://www.newpage.com"; 
    } 
    document.write("You will be redirected to a new page in 5 seconds"); 
    setTimeout('Redirect()', 5000);   
</script>

edited May 30 '18 at 03:28

Albert Einstein

7,472
8
36
71

answered Feb 16 '14 at 06:39

shuseel

597
6
10

score 10 · Answer 4 · answered Jun 17 '13 at 14:39

10

You need to pass a function to setTimeout

$(window).load(function () {
    window.setTimeout(function () {
        window.location.href = "https://www.google.co.in";
    }, 5000)
});

answered Jun 17 '13 at 14:39

Adil Shaikh

44,509
17
89
111

score 10 · Answer 5 · answered Feb 10 '16 at 15:35

Use JavaScript setInterval() method to redirect page after some specified time. The following script will redirect page after 5 seconds.

var count = 5;
setInterval(function(){
    count--;
    document.getElementById('countDown').innerHTML = count;
    if (count == 0) {
        window.location = 'https://www.google.com'; 
    }
},1000);

Example script and live demo can be found from here - Redirect page after delay using JavaScript

score 7 · Answer 6 · answered Jun 17 '13 at 14:39

7

$(document).ready(function() {
    window.setTimeout(function(){window.location.href = "https://www.google.co.in"},5000);
});

answered Jun 17 '13 at 14:39

sdespont

13,915
9
56
97

score 4 · Answer 7 · answered Oct 10 '18 at 11:24

4

setTimeout('Redirect()', 1000);
function Redirect() 
{  
    window.location="https://stackoverflow.com"; 
}

//document.write("You will be Redirect to a new page in 1000 -> 1 Seconds, 2000 -> 2 Seconds");

answered Oct 10 '18 at 11:24

ABHAY KUMAR

61
2

score -1 · Answer 8 · answered Jul 09 '18 at 06:31

<script type="text/javascript">
      function idleTimer() {
    var t;
    //window.onload = resetTimer;
    window.onmousemove = resetTimer; // catches mouse movements
    window.onmousedown = resetTimer; // catches mouse movements
    window.onclick = resetTimer;     // catches mouse clicks
    window.onscroll = resetTimer;    // catches scrolling
    window.onkeypress = resetTimer;  //catches keyboard actions

    function logout() {
        window.location.href = 'logout.php';  //Adapt to actual logout script
    }

   function reload() {
          window.location = self.location.href;  //Reloads the current page
   }

   function resetTimer() {
        clearTimeout(t);
        t = setTimeout(logout, 1800000);  // time is in milliseconds (1000 is 1 second)
        t= setTimeout(reload, 300000);  // time is in milliseconds (1000 is 1 second)
    }
}
idleTimer();
        </script>

Page Redirect after X seconds wait using JavaScript

8 Answers8

Linked