Ir para conteúdo

POWERED BY:

Arquivado

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

Bergs

[Resolvido] recarregar input a cada 1 segundo

Por , em Javascript

Recommended Posts

Bergs    53

Bergs
Postado

Estou tentado fazer um script no qual se mostra "hora: 12: 03: 02 Boa Tarde: Terça-feira 23/2/2010"

 

Estou fazendo isso em php,porém não consegui deixa a hora dinâmica.

 

estou precisando de um script que recarregue só o input a cada 1 segundo

 

o input esta assim:

<input type="text" id="hora" value="<? echo "$hora: $minutos: $segundos";?>" />

essas variaves vem da array getdate();

 

creio eu que seja algo simples se é que se pode recarregar apenas determinada tag em uma página.

 

Desde de já muito obrigado

Fico no aguardo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

Isso deve funcionar cara.!' http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

MSN: macielc.ronaldo@hotmail.com http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

http://forum.imasters.com.br/public/style_emoticons/default/excl.gif

Só uma coisa aqui é só a hora ,.. então da pra você ter uma base e colocar a data.... certo.?!' http://forum.imasters.com.br/public/style_emoticons/default/excl.gif 

<script type="text/javascript"> 
                 
//relogio
 
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').value=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
 
function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}
</script>

<input type="text" id="txt">
;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

é como eu já disse está tudo em php, o resto esta funcinando beleza.

 

só preciso de um script js para recarregar o input a cada 1 segundo e fazer o hora dinâmica.

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

Opa Desculpa ..............

esquecie de colocar no <body>

o seguinte codigo..........

<body onload="startTime()">

testei aqui e não esta funcionando.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

funcionou agora!

 

só que eu gostaria de fazer como ja citei para deixa todo o script em php.

 

você poderia me ajudar?

 

obrigado pela atenção.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

fiz isso mas só esta mostrando a hora estatica

 

<?php

$data = getdate();

	$hora 	  = $data[hours];
	$minutos  = $data[minutes];
	$segundos = $data[seconds];

?>
<html>
<head>
<script  type="text/javascript">
 function carregarInput(){

document.getElementById('hora').value="<? echo "$hora: $minutos: $segundos";?>"
setTimeout('carregarInput()',1000)
} 
</script>
</head>
<body onload="carregarInput()"> 
	<input type="text" id="hora"  />
</body>
</html>

O setTimeout deveria recarregar a cada segundo, obs: não estou usando <form></form>

 

será que é possivel fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

O setTimeout deveria recarregar a cada segundo

Errado...

 

setTimeout significa um DELAY na execução do comando...

 

Para executar um INTERVALO, use setInterval...

 

No HTML, faça assim:

 

<input type="text" id="date_hour"/>

No JS:

window.onload = function(){
	activateDateInput();
}

function activateDateInpur(){
	var input = document.getElementById("date_hour");
 	var date = new Date();
	setInterval(function(){
 	input.value = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
	}, 1000);
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

tá pegando a data e a hora ...... beleza http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Opa cara desculpa a demora mais tá aqui... seu codigo....... :) ;) :D B) http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif :angry: :mellow: <_< http://forum.imasters.com.br/public/style_emoticons/default/excl.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

 

hora.php

<?php
$data = date("d-m-Y");
//echo $data;
?>
<html> 
<head> 
	<title>Reloj DHTML</title> 
<script type='text/javascript' src='relojdhtml.js'></script> 
<script> 
function mueveReloj(){
    momentoActual = new Date()
    hora = momentoActual.getHours()
	if (hora<10) hora = "0" + hora
    minuto = momentoActual.getMinutes()
	if (minuto<10) minuto = "0" + minuto
    segundo = momentoActual.getSeconds()
	if (segundo<10) segundo = "0" + segundo
 
    horaImprimible = hora + " : " + minuto + " : " + segundo + " - <?php echo $data; ?> "
 
    cambiaTexto(horaImprimible)
	
	setTimeout("mueveReloj()",1000) 
} 
 
function cambiaTexto(nuevaHora){
	xInnerHtml('capareloj',nuevaHora)	
}
</script>	
</head> 
 
<body onload="mueveReloj()"> 
 <input type="text" id="capareloj">
<div id="capareloj" style="font-size:8pt; color:#cc3333; font-family:verdana,arial,helvetica; font-weight:bold;"> 
</div> 
 
</body> 
</html>

relojdhtml.js

var xOp7Up,xOp6Dn,xIE4Up,xIE4,xIE5,xNN4,xUA=navigator.userAgent.toLowerCase();
if(window.opera){var i=xUA.indexOf('opera');
if(i!=-1){var v=parseInt(xUA.charAt(i+6));xOp7Up=v>=7;xOp6Dn=v<7;
}}else if(navigator.vendor!='KDE' && document.all && xUA.indexOf('msie')!=-1){
xIE4Up=parseFloat(navigator.appVersion)>=4;xIE4=xUA.indexOf('msie 4')!=-1;xIE5=xUA.indexOf('msie 5')!=-1;}
else if(document.layers){xNN4=true;}xMac=xUA.indexOf('mac')!=-1;
function xGetElementById(e){if(typeof(e)!='string') return e;
if(document.getElementById) e=document.getElementById(e);
else if(document.all) e=document.all[e];else e=null;return e;}
function xInnerHtml(e,h){if(!(e=xGetElementById(e)) || !xStr(e.innerHTML)) return null;
var s = e.value;if (xStr(h)) {e.value = h;}return s;}
function xStr(s){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])!='string')
 return false;}return true;}
 
 //se quiser escrever na div tro value por innerhtml
 
 //function xInnerHtml(e,h){if(!(e=xGetElementById(e)) || !xStr(e.innerHTML)) return null;
//var s = e.innerHTML;if (xStr(h)) {e.innerHTML = h;}return s;}
//function xStr(s){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])!='string')
 //return false;}return true;}

Coteudo pegado Neste Site Cria Web

 

e Editado Por mim.!'

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

Rick.hjpbarcelos

 

testei o seu código mas ele não esta funcionando direito nesta ocasião:

 

depois de carregar a página ele esta mostra com 1 segundo de atraso a hora estatica

e o que eu quero é que o valor do input recarregue a cada segundo.

 

macielcr7

 

macielcr7 seu código tá beleza só que é como eu disse já esta tudo funcionando, a data e o resto

só a hora que esta estatica

 

fiz em esbouço sem sucesso tá no tópico #7

 

O que eu quero é que o valor do input seja recarregado a cada segundo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

Meu parceiro.......

 

o ultimo post que eu coloquei tá fazendo o que você quer.....

mais não entendie sua finalidade ?

pra que você quer que esses valores no INPUT TEXT?

 

vai usá-los?

 

uma dica o codigo que eu mandei pra você se você quiser usá-lo basta alterá

isso

horaImprimible = hora + " : " + minuto + " : " + segundo + " - <?php echo $data; ?> "
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/excl.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

A finalidade é justamente recarregar o input para obter o valor da hora em php dinâmica como já foi mostrado em js.

 

Mas já vi que é um pouco complicado fazer isso...se alguém se abilita #7

 

Na verdade o post #2 que você mandou já resolve a questão pois a data em php é tranquilo fazer.

 

Obrigado. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

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