Página de actualización automática cada top 10 segundos - JavaScript

La mayoría de las veces, en muchas aplicaciones web, los desarrolladores deben actualizar la página automáticamente después de un tiempo particular. Por ejemplo, en las aplicaciones de la bolsa de valores o en los puntajes deportivos, donde los datos se cambian y se actualizan con frecuencia para mostrar. Refrescar automáticamente la página puede proporcionar a los usuarios la información más reciente sin exigirles que actualicen la página manualmente.

Esta publicación describirá el método para actualizar la página después de cada 30 segundos en JavaScript.

Cómo actualizar automáticamente la página cada 30 segundos usando JavaScript?

Para actualizar automáticamente la página después de cada 30 segundos, use los siguientes métodos:

• Método "setInterval ()"
• Método "setTimeOut ()"

Método 1: Página de actualización automática cada 30 segundos utilizando el método "setinterval ()"

Utilizar el "setInterval ()Método para actualizar automáticamente la página. Es un método JavaScript incorporado que permite ejecutar una función repetidamente a un intervalo especificado.

Sintaxis
Siga la sintaxis dada para el método setInterval ():

setInterval (función, milisegundos);

Se necesitan dos parámetros, el "función"Para ser ejecutado y el"intervalo de tiempo”(En milisegundos) para ejecutar la función.

Ejemplo
Llama a "setInterval ()"Método aprobando una función e intervalo de tiempo, que es de 30 segundos en milisegundos"30000". En la función, llame al "ventana.ubicación.recargar()Método para recargar la página:

setInterval (function ()
ventana.ubicación.recargar (1);
alerta ("renovado");
, 30000);

La salida muestra un mensaje de alerta mientras actualiza la página después de 30 segundos:

Método 2: Página de actualización automática cada 30 segundos utilizando el método "setTimeout ()"

Otra forma de actualizar la página automáticamente es usar el "setTimeout ()" método. Permite la ejecución de una función después de un retraso/tiempo especificado.

Sintaxis
Use la siguiente sintaxis para el método setTimeOut ():

setTimeOut (función, milisegundos);

Similar a SetInterval, también toma los dos parámetros "función" y "intervalo de tiempo".

Ejemplo
Llame al setTimeout () pasando el tiempo de retraso y una función para recargar la página utilizando el "ubicación.Recargar (verdadero)":

setTimeOut ("Ubicación.recargar (verdadero); ", 30000);
alerta ("renovado");

Producción

Se trata de actualizar la página automáticamente cada 30 segundos.

Conclusión

Para actualizar la página automáticamente después de 30 segundos, use el "setInterval ()"Método o el"setTimeout ()" método. Ambos métodos ejecutan la función especificada dentro de un período de tiempo particular. Esta publicación describió el método para actualizar la página después de cada 30 segundos en JavaScript.