Página de atualização automática a cada 10 segundos - JavaScript

Na maioria das vezes, em muitos aplicativos da Web, os desenvolvedores precisam atualizar a página automaticamente após um determinado momento. Por exemplo, em aplicativos de bolsa de valores ou pontuações esportivas, onde os dados são alterados e atualizados com frequência para exibir. A atualização automaticamente da página pode fornecer aos usuários as informações mais recentes sem exigir que eles atualizem a página manualmente.

Este post descreverá o método para atualizar a página após cada 30 segundos em JavaScript.

Como fazer a página de atualização automática a cada 30 segundos usando JavaScript?

Para atualizar a página automaticamente a cada 30 segundos, use os seguintes métodos:

• Método "setInterval ()"
• Método “Settimeout ()”

Método 1: página de atualização automática a cada 30 segundos usando o método "setInterval ()"

Use o "setInterval ()”Método para refrescar automaticamente a página. É um método JavaScript embutido que permite executar uma função repetidamente em um intervalo especificado.

Sintaxe
Siga a sintaxe dada para o método setInterval ():

setInterval (função, milissegundos);

São necessários dois parâmetros, o “função”Para ser executado e o“intervalo de tempo”(Em milissegundos) para executar a função.

Exemplo
Ligar para "setInterval ()”Método passando uma função e intervalo de tempo, que é de 30 segundos em milissegundos“30000”. Na função, chame o “janela.localização.recarregar()”Método para recarregar a página:

setInterval (function ()
janela.localização.recarregar (1);
alerta ("atualizado");
, 30000);

A saída mostra uma mensagem de alerta enquanto atualiza a página após 30 segundos:

Método 2: Página de atualização automática a cada 30 segundos usando o método "setTimeout ()"

Outra maneira de atualizar a página automaticamente é usar o “setTimeout ()”Método. Permite a execução de uma função após um atraso/tempo especificado.

Sintaxe
Use a seguinte sintaxe para o método setTimeout ():

setTimeout (função, milissegundos);

Semelhante ao setInterval, também leva os dois parâmetros “função" e "intervalo de tempo”.

Exemplo
Ligue para o setTimeout () passando o tempo de atraso e uma função para recarregar a página usando o “localização.Recarregar (verdadeiro)”:

setTimeout ("Localização.recarregar (verdadeiro); ", 30000);
alerta ("atualizado");

Saída

É tudo sobre refrescar a página automaticamente a cada 30 segundos.

Conclusão

Para atualizar a página automaticamente após 30 segundos, use o “setInterval ()”Método ou o“setTimeout ()”Método. Ambos os métodos executam a função especificada dentro de um determinado período de tempo. Este post descreveu o método para atualizar a página após cada 30 segundos em JavaScript.