¿Cómo recargar la página después de segundos específicos en jQuery?

Una página se puede recargar después de un número específico de segundos en jQuery usando dos enfoques.

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 after
        specific seconds?
      </title>
    </head>
    <body>
      <h1 style="color: green">
        GeeksforGeeks
      </h1>
      <b>
        How to reload page after
        specific seconds?
      </b>
      <p>
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions.
      </p>
      <p>
        The page will be reloaded in 5 seconds.
      </p>
      </script>
       
      <script type="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:
    using-reload-before

    Después de 5 segundos:
    using-reload-after

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 after
        specific seconds?
      </title>
    </head>
    <body>
      <h1 style="color: green">
        GeeksforGeeks
      </h1>
      <b>
        How to reload page after
        specific seconds?
      </b>
      <p>
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions.
      </p>
      <p>
        The page will be reloaded in 5 seconds.
      </p>
      </script>
      
      <script type="text/javascript">
        $(document).ready(function() {
          setTimeout(function() {
            alert('Reloading Page');
            history.go(0);
          }, 5000);
        });
      </script>
    </body>
    </html>
  • Producción:

  • Después de cargar la página:
    using-history-go-before
    Después de 5 segundos:
    using-history-go-after

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *