HTML Javascript redirect after countdown

Question

using the code form here how could I redirect the page after the countdown ends?



var timeleft = 10;
var downloadTimer = setInterval(function(){
  if(timeleft <= 0){
    clearInterval(downloadTimer);
    document.getElementById("countdown").innerHTML = "Finished";
  } else {
    document.getElementById("countdown").innerHTML = timeleft + " seconds remaining";
  }
  timeleft -= 1;
}, 1000);
<div id="countdown"></div>

Does this answer your question? [How do I redirect to another webpage?](https://stackoverflow.com/questions/503093/how-do-i-redirect-to-another-webpage) — Daniel_Knights, Jul 15 '20 at 18:53

score 1 · Accepted Answer · answered Jul 15 '20 at 18:53

var timeleft = 10;
var downloadTimer = setInterval(function(){
  if(timeleft <= 0){
    clearInterval(downloadTimer);
    document.getElementById("countdown").innerHTML = "Finished";
    window.location.href = "Path to html redirect file here";
  } else {
    document.getElementById("countdown").innerHTML = timeleft + " seconds remaining";
  }
  timeleft -= 1;
}, 1000);

<div id="countdown"></div>

Basically just add window.location.href = "Path to html redirect file here"; to the if statement and add the path that you want to redirect to.

score 1 · Answer 2 · answered Jul 15 '20 at 18:55

just add a location.replace() in your if statement

var timeleft = 10;
var downloadTimer = setInterval(function(){
  if(timeleft <= 0){
    clearInterval(downloadTimer);
    document.getElementById("countdown").innerHTML = "Finished";
    location.replace("https://www.stackoverflow.com")
  } else {
    document.getElementById("countdown").innerHTML = timeleft + " seconds remaining";
  }
  timeleft -= 1;
  
  
}, 1000);

<div id="countdown"></div>

Rupesh Chaudhari · Answer 3 · 2020-07-15T19:01:42.700

0

Just use window.location method

Update your Javascript code to this

if(timeleft <= 0){
    clearInterval(downloadTimer);
    document.getElementById("countdown").innerHTML = "Finished";
    //the complete URL where you want to redirect
    window.location = "https://www.exapmle.com/"
} else {
    document.getElementById("countdown").innerHTML = timeleft + " seconds remaining";
}

edited Jul 15 '20 at 19:01

answered Jul 15 '20 at 18:54

Rupesh Chaudhari

308
2
3
12

1

Windows.location is NOT a helper :/ – Mechanic Jul 15 '20 at 18:57

score 0 · Answer 4 · answered Jul 15 '20 at 18:55

You can do a redirect by assigning to window.location.href.

let timeleft = 10;
const downloadTimer = setInterval(function(){
  if (timeleft <= 0) {
    clearInterval(downloadTimer);
    document.getElementById("countdown").innerHTML = "Finished";
    window.location.href = 'https://www.youtube.com/dQw4w9WgXcQ';
  } else {
    document.getElementById("countdown").innerHTML = timeleft + " seconds remaining";
  }
  timeleft -= 1;
}, 1000);

<div id="countdown"></div>

HTML Javascript redirect after countdown

4 Answers4