How to redirect a page to another page in HTML ?

How to Redirect to Another Page After 5 Seconds using jQuery ?

Last Updated : 14 Jul, 2021

In this article, we will learn, how to redirect to another page or URL after a specified time in jQuery. The built-in function used for performing the action is as follows. The setTimeout(callback, delay) function takes two parameters a callback and a time in milliseconds. When this method is called, the callback function will be executed after the specified time. With this method, the callback function is executed only one time after the specified time.

Our goal is to redirect to another page after 5 seconds and this will happen only one time. We use jQuery setTimeout() function

Example:

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- using jquery library -->
    <script 
        src="https://code.jquery.com/jquery-git.js">
    </script>    
</head>

<body>
    <h1 style="color: green;">
      Geeksforgeeks
    </h1>

    <!-- Creating a button -->
    <div class="redirect">
        <button>Redirect me to GFG</button>
    </div>

    <!-- Script which will redirect 
         us to another page    -->
    <script>
        // click event on button
        $("button").click(function(){
            $(".redirect").text("Redirecting....")

            // storing url and time
            let delay = 5000;
            let url = "https://www.geeksforgeeks.org/";
            setTimeout(function(){
                location = url;
            },5000)
        })
    </script>
</body>

</html>

Output: After 5 seconds, the "geeksforgeeks" home page will open.

How to redirect a page to another page in HTML ?

hritikrommie

Improve

Article Tags :

Similar Reads

How to redirect to a particular section of a page using HTML or jQuery?

Redirection will take the user to the desired page or section of the website that the user wants to visit. We will do it using HTML and jQuery differently. Let us take a look at the practical implementations.Table of ContentMethod 1: Using HTMLMethod 2: Using JQueryMethod 1: Using HTMLOne can use th

How to Refresh a Page using jQuery?

Refreshing a page using jQuery allows you to programmatically reload the current webpage, ensuring updated content or resetting the page's state. It can be done using location.reload() method.Table of ContentUsing location.reload() MethodUsing history.go(0)Using location.replace() with Current PageR

How to reload page after specific seconds in jQuery ?

A page can be reloaded after a specific number of seconds in jQuery using two approaches. Using location.reload() Method Using history.go(0) Method Using location.reload() Method: This method is used to reload the current page imitating the action of the refresh button of the browser. It has an opti

How to manage a redirect request after a jQuery Ajax call?

In web development, making AJAX (Asynchronous JavaScript and XML) requests is a common practice to fetch or send data from a server without the need to refresh the entire web page. While handling responses from these requests is usually straightforward, managing a redirect request after an AJAX call

How to redirect a page to another page in HTML ?

Redirecting a page in HTML involves sending users to a different web page automatically or upon interaction. This can be achieved using the anchor tag's href attribute or the meta tag with the http-equiv attribute set to refresh and the content attribute specifying the time delay and destination URL

How to append an element in two seconds using jQuery ?

Given an HTML element and the task is append an element in the document after few seconds using fadeIn effect with the help of JQuery. Approach: Select the target element to append the element. Use one of the appendTo() or append() method to append the element. Example 1: In this example, the <di

How to Redirect to Another Webpage using JavaScript?

JavaScript can redirects the users from current page to another webpage (different URL) with and without requiring any manual action (like clicking a link). To redirect to another weboage in JavaScript we need to manipulate the window.location object and it will allow us to navigate programmatically

How to jump to top of browser page using jQuery?

When the website contains lots of data on a single page and while seeing down the website, if the user wants to see the main content i.e, top of the browser page without scrolling, this can be achieved by using jQuery. Example: Jump to the top of the browser page html <html> <head> <s

How to Redirects to Another WebPage if User Idle for 10 Seconds in JavaScript ?

In this article, we will create a webpage that redirects to another page if the user is idle for more than one minute. We will use JavaScript to redirect the web page to another web page if the user is ideal for 10 seconds. Approach: To make this, we will use setTimeout() and clearTimeout() methods.

How to use Meta Tag to redirect an HTML page?

Using a meta tag to redirect an HTML page involves placing an <meta> element in the document's <head> section, specifying the http-equiv="refresh" attribute along with a time delay and the target URL, automatically redirecting users after the specified delay.Syntax<meta http-equiv = "