sábado, agosto 15, 2009

Função Javascript para Reload em um intervalo de Tempo.

Este artigo mostra como atualizar uma página, de tempos em tempos
por javascript e como manipular este objeto de tempo no evento de um botão. Ou se você preferir, no OnClick de qualquer objeto HTML.

Usei um algoritmo parecido para resolver uma questão de uma funcionalidade do sistema em que atualmente trabalho. Como não encontrei muita coisa na internet de como fazer isso especificamente, resolvi postar aqui.


<html>
<head>
<script language="javascript">
// Variável global do objeto temporizador.
var timer;

function parar() {
window.clearTimeout(this.timer);
}

function comecarReload() {
timer = window.setTimeout("location.reload()", 700);
}
</script>

</head>
<body onload="comecarReload();">
<input type="button" onclick="comecarReload();" value="Iniciar Reloads" />
<input type="button" onclick="parar();" value="Parar" />
</body>
</html>



Espero que possa ser útil. Abraços.

2 comentários:

Unknown disse...

BOOOOOOOOOOOM DEMAIS!!!!!!!


valew man!

MrDiniz disse...

Cara, muito legal isso... só que eu to no enrosco.. como minha página é responsiva, não tem telas... estão abaixo do mesmo body.

Queria que ele fizesse refresh apenas quando estivesse em uma parte, mas quando estivesse em outra parasse.

pensei em fazer algo como o seu exemplo, quando clicasse no botão referente a outra parte, passar um status para parar o refresh, e quando clicasse no botão da primeira tela, voltar a funcionar o refresh.

Mas não sei como colocar para iniciar isso. sem por no body.