Javascript Refresh Page Timer

A implementação de um cronômetro de atualização no JavaScript é muito útil, pois permite que os usuários garantem que o conteúdo do site específico seja relevante e atualizado. Além disso, ajuda a atualizar uma página da web ou um site na fase de automação. Da mesma forma, permite que os usuários finais acessem o conteúdo mais recente em um site específico em tempo hábil.

Como implementar o timer de página de atualização em javascript?

Para implementar o JavaScript da página de atualização, as seguintes abordagens podem ser utilizadas:

• Método “Settimeout ()”.
• Evento "Onload".
• Método "setInterval ()".

Abordagem 1: Implementar o timer da página de atualização no JavaScript via setTimeout () Método

O "setTimeout ()”O método redireciona para uma função após o tempo definido. Essa abordagem pode ser aplicada para redirecionar para a função especificada no botão Clique e atualize a página após o tempo definido.

Sintaxe

Na sintaxe dada:

• ““função”Indica a função acessada.
• ““milissegundos”Refere -se ao intervalo de tempo para executar.
• ““PAR1" e "PAR2”Corresponde aos parâmetros adicionais.

Exemplo

Vamos seguir o exemplo abaixo do momento:

Esta página se refresca após cada 4 segundos!

No trecho de código acima, execute as seguintes etapas:

• Inclua o indicado "Title" e "Heading".
• Além disso, crie um botão com um anexo “ONCLICKEvento redirecionando para a função refreshtimer ().
• Na parte JavaScript do Código, declare uma função chamada “Refreshtimer ()”.
• Em sua definição, aplique o “setTimeout ()”Método. Em seu parâmetro, aplique o “localização.recarregar()”Método com o valor booleano definido. Em seu outro parâmetro, especifique o tempo declarado.
• Isso resultará na atualização da página após cada "4 segundos”Após o botão Clique.

Saída

Na saída acima, pode -se observar que a página atualiza a cada 4 segundos.

Abordagem 2: Implementar o timer da página de atualização no JavaScript usando o evento OnLoad

Um evento "Onload" entra em vigor quando um objeto é carregado. Essa abordagem pode ser utilizada para atualizar a página após o carregamento da página em relação ao valor do timer definido.

Sintaxe

Na sintaxe dada:

• ““função”Corresponde à função acessada quando o objeto é carregado.

Exemplo

Observe as etapas declaradas no exemplo abaixo:

Esta página se refresca após a cada 8 segundos!

Nas linhas acima do código:

• Aplicar o "carregando”Evento para a função refreshtimer () tendo o cronômetro definido como seu parâmetro. Isso resultará em invocar a função especificada na página carregada.
• Além disso, especifique o cabeçalho declarado.
• Na parte JavaScript do Código, defina uma função chamada “Refreshtimer ().”
• Em sua definição, da mesma forma, repita a etapa discutida na abordagem anterior para aplicar o “setTimeout ()”Método com os parâmetros declarados.
• Aqui, "cronômetro”Refere -se ao valor do parâmetro passado do temporizador.

Saída

Na saída acima, é evidente que, depois que a página é carregada, ela se refresca após 8 segundos.

Abordagem 3: Implementar o timer da página de atualização no JavaScript usando o método setInterval ()

O "setInterval ()”O método redireciona para uma função em intervalos de tempo especificados. Este método pode ser aplicado repetidamente e atualize a página após o limite do timer definido.

Sintaxe

Na sintaxe acima:

• ““função”Aponta para a função acessada.
• ““milissegundos”Refere -se ao intervalo de tempo específico para executar.
• "PAR1" e "PAR2" corresponde aos parâmetros adicionais.

Exemplo

Vamos seguir o exemplo abaixo do momento:

Esta página se refresca após cada 5 segundos!

No trecho de código acima:

• Inclua os títulos declarados para exibir a mensagem e conter o timer a ser incrementado, respectivamente.
• Na parte JavaScript do código, inicialize o timer com “1”.
• Na próxima etapa, aplique o “setInterval ()”Método. Além disso, busque o título especificado por seu “eu ia”Usando o“getElementById ()”Método para conter o temporizador.
• Incrementar o timer de modo que após o “5 segundos”Contar, a página é atualizada através do“localização.recarregar()”Método.

Saída

Na saída acima, pode -se observar que a página atualiza após 5 segundos.

Conclusão

O "setTimeout ()”Método, um“carregandoEvento, ou o “setInterval () ”O método pode ser utilizado para implementar um cronômetro de página de atualização no JavaScript. O método setTimeout () pode ser implementado para invocar uma função no botão Clique e atualize a página após o tempo definido. Um evento OnLoad pode ser aplicado para implementar o timer na página Carregar e atualizá -lo de acordo com o valor do timer definido. O método setInterval () pode atualizar repetidamente a página após o limite do timer definido. Este blog explica como implementar um cronômetro de página de atualização em javascript.