Redirect to another page after delay 5 seconds some seconds using JavaScript and jQuery

In this article I will explain how to redirect to another page (HTML page) after delay of some time (say 5 seconds or 10 seconds) using JavaScript and jQuery.

The JavaScript setInterval function will be used to redirect to another page after delay of some time using JavaScript and jQuery.

Redirect to another page after delay 5 seconds using JavaScript

The following HTML Markup consists of an HTML Button and an HTML DIV containing an HTML SPAN for displaying the Countdown timer. The Button has been assigned JavaScript click event handler and when the Button is clicked the DelayRedirect JavaScript function is executed.

Inside this function, the JavaScript setInterval function is initialized to execute every 1000 milliseconds i.e. every one second.

Every time the JavaScript setInterval function is executed, it first decrements the value of seconds variable then displays its value in Countdown timer HTML SPAN and when the value of the seconds variable is 0, the Countdown timer ends and the page is redirected to another page.

<br />

You will be redirected after <span id = "lblCount"></span> seconds.

</div>

function DelayRedirect() {

var seconds = 5;

var dvCountDown = document.getElementById("dvCountDown");

var lblCount = document.getElementById("lblCount");

dvCountDown.style.display = "block";

lblCount.innerHTML = seconds;

setInterval(function () {

seconds--;

lblCount.innerHTML = seconds;

if (seconds == 0) {

dvCountDown.style.display = "none";

window.location = "//www.aspsnippets.com/";

}

}, 1000);

}

</script>

Redirect to another page after delay 5 seconds using jQuery

The following HTML Markup consists of an HTML Button and an HTML DIV containing an HTML SPAN for displaying the Countdown timer. The Button has been assigned a jQuery click event handler.

Inside this click event handler, the JavaScript setInterval function is initialized to execute every 1000 milliseconds i.e. every one second.