如何使用jQuery在5秒后重定向到另一个页面

在这篇文章中，我们将学习，如何在jQuery中指定时间后重定向到另一个页面或URL。用于执行该操作的内置函数如下。setTimeout(callback, delay)函数需要两个参数，一个是回调函数，一个是以毫秒为单位的时间。当这个方法被调用时，回调函数将在指定的时间后被执行。使用这个方法，回调函数在指定时间后只执行一次。

我们的目标是在5秒后重定向到另一个页面，这将只发生一次。我们使用jQuery的setTimeout()函数

示例:

<!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>

输出： 5秒后，”geeksforgeeks “主页将打开。

如何使用jQuery在5秒后重定向到另一个页面？