En este artículo, aprenderemos cómo redirigir a otra página o URL después de un tiempo específico en jQuery. La función integrada utilizada para realizar la acción es la siguiente. La función setTimeout(devolución de llamada, retraso) toma dos parámetros, una devolución de llamada y un tiempo en milisegundos. Cuando se llama a este método, la función de devolución de llamada se ejecutará después del tiempo especificado. Con este método, la función de devolución de llamada se ejecuta solo una vez después del tiempo especificado.
Nuestro objetivo es redirigir a otra página después de 5 segundos y esto sucederá solo una vez. Usamos la función jQuery setTimeout()
Ejemplo:
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>
Salida: después de 5 segundos, se abrirá la página de inicio de «geeksforgeeks».
Publicación traducida automáticamente
Artículo escrito por hritikrommie y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA