cronometro cuenta atras

diabliyomalo · #1 (**permalink**) 20/01/2006, 05:32

Hola amigos.

Mi pregunta es que si se puede hacer un cronometro con cuenta atras que cuando este a 00:00:00 la web sea recargada.Lo que me pregunto es que si el valor del cronometro al acceder a la pagina web podria venir ese valor desde php??
Es que estoy haciendo un sistema en una web comercial la cual por puntos que se compran en tiendas luego los pones en la web y te dan una serie de premios pero lo que quiero es que cuando alguien pulse sobre alguno d esos premios la web que esta hecha con php se ponga un cronometro con valor "X" que seria dependiendo de la cantidad de puntos que tiene el usario pues diga en 9 min tendra su premio o en 1 tendra su premio... es tipo el sistema que gastan en el juego de www.travian.net por si alguien lo conoce.
Si alguien tiene alguna sugerencia o sabe como puedo poner el valor proviniente de php a la secuencia de codigo de javascript que me heche una mano.
Muchas gracias.

jergos · #2 (**permalink**) 19/07/2010, 01:59

jergos · #3 (**permalink**) 19/07/2010, 02:00

Para mostrar el cronometropor ejemplo:

<form name="form_mostrar_temps" style='margin:0px; padding:0px;'>
<table cellpadding="1" cellspacing="1">
<tr>
<td valign="middle"><img src='../../icons/alarmclock_24.png'></td>
<td align="left">
<input type="text" id='blancaFonsBlau' name="mostrar_temps" disabled style="font:13px arial; text-align:left;border:0px">
</td>
</tr>
</table>
</form>

Adler · #4 (**permalink**) 19/07/2010, 04:43

Hola. bienvenido al foro

Primero no revivas temas que llevan tanto tiempo muertos. Seguro de después de 2 años o encontró una solución o lo abandonó. Por otro lado, usa las etiquetas de código para una mejor lectura. De cualquier modo, a ver te parece este otro

Código Javascript:

Ver original<html>
<head>
<style type="text/css">
#calContador {width:450px;}
#calFondoEnunciado {background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:12px;border: 1px solid #C9C9C9;border-width: 1px 1px 0px 1px;text-align:center;}
#calCuerpo td{background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;}
#calCuerpo td.cont{background-color:#FFFF00;color:#000000;width:50px;}
</style>
 
<?php
$fecha = time();
?> 
 
<script type="text/javascript">
function crono(){
var dia = <?php echo date('d', $fecha);?>, mes = <?php echo date('n', $fecha)-1;?>, anio = <?php echo date('Y', $fecha);?>, hora = <?php echo date('H', $fecha);?>, minutos = <?php echo date('i', $fecha)+1;?> 
var fechaFinal = new Date(anio,mes,dia,hora,minutos)
 
var serv_ahora =  new Date();
serv_ahora.getFullYear(<?php date('Y', $fecha);?>);
serv_ahora.getMonth(<?php echo date('n', $fecha);?>); // Enero es el mes 0
serv_ahora.getDate(<?php echo date('d', $fecha);?>);
serv_ahora.getHours(<?php echo date('H', $fecha);?>);
serv_ahora.getMinutes(<?php echo date('i', $fecha);?>);
diferencia = fechaFinal.getTime() - serv_ahora.getTime()
 
segundostotales = parseInt(diferencia /1000);
minutostotales = parseInt(segundostotales/60);
horastotales = parseInt(minutostotales/60); 
dias = parseInt(horastotales/24);
horas = parseInt(horastotales &#37; 24);
minutos = parseInt(minutostotales % 60);
segundos = parseInt(segundostotales % 60);
 
falta = '<div id="calContador"><div id="calFondoEnunciado">Tiempo que Falta hasta el ' + dia + '/' + parseInt(mes+1) + '/' + anio + ' ' + hora + ':' + minutos + '</div><div id="calCuerpo"><table style="table-layout:fixed;" bgcolor="#C9C9C9" border="0px" cellspacing="1px" cellspadding="0px" width="450px"><tr>';
 
if(dias < 10) {dias = '0' + dias;}
if(horas < 10) {horas = '0' + horas;}
if(minutos < 10) {minutos = '0' + minutos;}
if(segundos < 10) {segundos = '0' + segundos;}
 
diasTxt = '<td class="cont">' + dias + '</td><td>Días</td>';
horasTxt = '<td class="cont">' + horas + '</td><td>Horas</td>';
minutosTxt = '<td class="cont">' + minutos + '</td><td>Minutos</td>';
segundosTxt = '<td class="cont">' + segundos + '</td><td>Segundos</td></tr></table></div></div>';
 
if (Math.abs(diferencia) <= 900) {
contadorCompleto = falta + '<td class="cont">Se ha cumplido el tiempo</td></tr></table></div></div>';
clearTimeout(intervalo);
}
else
{
contadorCompleto = falta +  diasTxt + horasTxt + minutosTxt + segundosTxt
intervalo = setTimeout("crono(), 1000");
}
document.getElementById('contador_regresivo').innerHTML = contadorCompleto;
}
window.onload=function(){crono();};
</script>
</head>
<body>
<div id="contador_regresivo" style="text-align:center"></div>
</body>
</html>