Jquery Redirect to Another Page After 5 Seconds Example

By Hardik Savani | July 23, 2019 | | 4733 Viewer | Category : jQuery


If you are looking for how to redirect to another page in jquery after 5 seconds then i will give you simple example to redirect to url after 10 seconds, 15 seconds, 30 seconds or any specific time in jquery. we will use setTimeout() for redirect to url after 5 seconds in jquery.

In this example we will create one button to redirect another page after 2 seconds. when you click on that button, then button will say you "Redirecting soon....". After 5 seconds it will redirect to given url page.

You can see bellow full example that will help to redirecting to another page url in jquery.

Example:

<!DOCTYPE html>

<html>

<head>

<title>Jquery Redirect to Another Page After 5 Seconds Example - ItSolutionStuff.com</title>

<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>

</head>

<body>

<button>Click to redirect</button>

<script type="text/javascript">

$("button").click(function(){

$(this).text('Redirecting soon....');

var delay = 2000;

var url = 'https://itsolutionstuff.com'

setTimeout(function(){ window.location = url; }, delay);

})

</script>

</body>

</html>

I hope it can help you...



Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: