JQuery Redirect to Another Page After 5 Seconds Example

By Hardik Savani July 6, 2023 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:

Read Also: Laravel JQuery Ajax Loading Spinner 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...

Tags :
Previous

Laravel 5.8 User Roles and Permissions Tutorial
Next

Laravel Validation Check If Value is Not Equal to a Another Field

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares