Una página se puede recargar después de un número específico de segundos en jQuery usando dos enfoques.
- Usando el método location.reload()
- Usando el método history.go(0)
Uso del método location.reload(): este método se utiliza para recargar la página actual imitando la acción del botón de actualización del navegador. Tiene un parámetro booleano opcional que se puede usar para indicar que la página se vuelve a cargar desde el servidor en lugar de cargarse desde la memoria caché del navegador.
El código de actualización se puede ejecutar después de un cierto período de tiempo usando la función setTimeout() . Esta función tiene un parámetro de retraso que indica el tiempo después del cual se ejecutará la función. Este valor se da en milisegundos. La cantidad de tiempo en segundos que se retrasará multiplicada por 1000 para convertirla en milisegundos.
Se puede llamar al código setTimeout después de que el documento haya terminado de cargarse seleccionando el objeto del documento y usando el método ready() en él. Esto hará que la página se vuelva a cargar después de la cantidad de segundos especificada.
- Sintaxis:
$(document).ready(function() { setTimeout(function() { alert('Reloading Page'); location.reload(true); }, 5000); }); - Ejemplo:
<!DOCTYPE html><html><head><title>How to reload page afterspecific seconds?</title></head><body><h1style="color: green">GeeksforGeeks</h1><b>How to reload page afterspecific seconds?</b><p>GeeksforGeeks is a computer scienceportal with a huge variety of wellwritten and explained computer scienceand programming articles, quizzes andinterview questions.</p><p>The page will be reloaded in 5 seconds.</p></script><scripttype="text/javascript">$(document).ready(function() {setTimeout(function() {alert('Reloading Page');location.reload(true);}, 5000);});</script></body></html> - Salida:
Después de cargar la página:
Después de 5 segundos:
Uso del método history.go(0): este método carga una URL del historial del navegador según el parámetro que se le haya pasado. Si el parámetro pasado es ‘0’, recarga la página actual.
El código de actualización se puede ejecutar después de un cierto período de tiempo usando la función setTimeout() . Esta función tiene un parámetro de retraso que indica el tiempo después del cual se ejecutará la función. Este valor se da en milisegundos. La cantidad de tiempo en segundos que se retrasará multiplicada por 1000 para convertirla en milisegundos.
Se puede llamar a este código después de que el documento haya terminado de cargarse seleccionando el objeto del documento y usando el método ready() en él. Esto hará que la página se vuelva a cargar después de la cantidad de segundos especificada.
- Sintaxis:
$(document).ready(function() { setTimeout(function() { alert('Reloading Page'); history.go(0); }, 5000); }); - Ejemplo:
<!DOCTYPE html><html><head><title>How to reload page afterspecific seconds?</title></head><body><h1style="color: green">GeeksforGeeks</h1><b>How to reload page afterspecific seconds?</b><p>GeeksforGeeks is a computer scienceportal with a huge variety of wellwritten and explained computer scienceand programming articles, quizzes andinterview questions.</p><p>The page will be reloaded in 5 seconds.</p></script><scripttype="text/javascript">$(document).ready(function() {setTimeout(function() {alert('Reloading Page');history.go(0);}, 5000);});</script></body></html> - Después de cargar la página:
Después de 5 segundos:
Producción:
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» .
Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA