Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Willians de Paula

atualizar div sem dar refresh na página

Por , em Javascript

Recommended Posts

Willians de Paula    0

Willians de Paula
Postado

gostaria de uma ajuda pessoal, estou aprendendo o ajax e encontrando algumas dificuldades, por exemplo estou querendo que a hora do meu script em php atualize de 5 em 5 segundos, porém quero que a hora seja recebida diretamente do servidor e não do computador do usuário, no código abaixo eu consegui fazer essa atualização porém ele atualiza a página toda e eu gostaria que atualizasse apenas a div "logado".

 

//esse é meu código em javascript, tentei usar essa solução
function modoespera() {
	setInterval("atualiza()",5000);
}

function atualiza() {
	document.getElementById('logado').innerHTML = location.reload();
}

<body onLoad="modoespera();">
	Horário: <div id="logado"><?php echo date('H:m:s'); ?></div>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Júlio Veloso    1

Júlio Veloso
Postado
Eu consegui usando jquery.


<script type="text/javascript" src="../js/jquery-1.9.0.min.js"></script>


<script type="text/javascript">

var tempo = window.setInterval(carrega, 1000);

function carrega()

{

$('#countdown').load('teste.html');

}


</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

Note que setTimeout e setInterval são muito diferentes funções:

setTimeout irá executar o código uma vez , após o tempo limite .
setInterval irá executar sempre o código , em intervalos de tempo limite fornecido.

Ambas as funções retornam um ID temporizador que pode ser usado para interromper o tempo de espera. Tudo que você tem a fazer é armazenar esse valor em uma variável e usá-lo como argumento para clearTimeout ( tid ) ou clearInterval ( tid ), respectivamente.

Então , dependendo do que você quer fazer , você tem duas opções válidas :

 

/ / Definir o tempo limite
var tid = setTimeout(mycode, 2000);
function mycode() {
  / / Fazer algumas coisas ...
    tid = setTimeout(mycode, 2000); // repeat myself
}
function abortTimer() { // a ser chamado quando você quer parar o temporizador 
  clearTimeout(tid);

}

 

ou

/ / Configura intervalo
var tid = setInterval(mycode, 2000);
function mycode() {
  / / Fazer algumas coisas ...
  / / Não há necessidade de lembrar a função (é um intervalo, ele vai entrar em loop contínuo )
}
function abortTimer() { //Não há necessidade de lembrar a função (é um intervalo, ele vai entrar em loop contínuo) 
  clearInterval(tid);
}


Ambos são formas muito comuns de alcançar o mesmo .

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito