Foros del Web » Programando para Internet » Javascript »

cronometro cuenta atras

 Estas en el tema de cronometro cuenta atras en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/01/2006, 05:32
 
Fecha de Ingreso: enero-2005
Mensajes: 90
Antigüedad: 19 años, 3 meses
Puntos: 0
cronometro cuenta atras
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.
__________________
Usuario Novato, xD :pensando:
  #2 (permalink)  
Antiguo 19/07/2010, 01:59
 
Fecha de Ingreso: julio-2010
Mensajes: 2
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: cronometro cuenta atras
var hores = <?=$sDuracioHores?>;
var minuts = <?=$sDuracioMinuts?>;
var segons = <?=$sDuracioSegons?>;

function cueta_atras()
{
if (minuts<10)
{
document.form_mostrar_temps.mostrar_temps.value="0 "+hores+":0"+minuts;
}
else
{
document.form_mostrar_temps.mostrar_temps.value="0 "+hores+":"+minuts;
}

if ((hores==0) && (minuts<2))
{
cuenta_atras_segundos_r();
}
else
{
setTimeout ("cueta_atras_minuts_r()",1000*60);
}
}

function cueta_atras_minuts_r()
{
minuts--;

if (minuts<=-1)
{
hores--;
minuts = 0;

if (hores<=-1)
{
hores = 0;
}
else
{
minuts = 59;
}
}

if ((hores==0) && (minuts==1))
{
setTimeout ("cuenta_atras_segundos_r()",1000);
}
else
{
if (minuts<10)
{
document.form_mostrar_temps.mostrar_temps.value="0 "+hores+":0"+minuts;
}
else
{
document.form_mostrar_temps.mostrar_temps.value="0 "+hores+":"+minuts;
}

setTimeout ("cueta_atras_minuts_r()",1000*60);
}


}

function cuenta_atras_segundos_r()
{
segons--;

if (segons<=-1)
{
minuts--;

if (minuts<=-1)
{
hores--;
minuts = 0;

if (hores<=-1)
{
hores = 0;
}
else
{
minuts = 59;
segons = 59;
}
}
else
{
segons = 59;
}
}

if ((hores==0) && (minuts==0) && (segons<=0))
{
document.form_mostrar_temps.mostrar_temps.value="0 0:00:00";
alert("<?=$TMiss[97]?>");
window.parent.examen.CorregirSensePregunta();
}
else
{
if (minuts<10)
{
if (segons<10)
{
document.form_mostrar_temps.mostrar_temps.value="0 "+hores+":0"+minuts+":0"+segons;
}
else
{
document.form_mostrar_temps.mostrar_temps.value="0 "+hores+":0"+minuts+":"+segons;
}
}
else
{
if (segons<10)
{
document.form_mostrar_temps.mostrar_temps.value="0 "+hores+":"+minuts+":0"+segons;
}
else
{
document.form_mostrar_temps.mostrar_temps.value="0 "+hores+":"+minuts+":"+segons;
}
}
setTimeout ("cuenta_atras_segundos_r()",1000);
}
}//fi function
<?
}
?>
</script>
</head>
<?
<body bgcolor=#6699cc onload="setTimeout('cueta_atras()',1000);">

Saludos!!!!
  #3 (permalink)  
Antiguo 19/07/2010, 02:00
 
Fecha de Ingreso: julio-2010
Mensajes: 2
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: cronometro cuenta atras
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>
  #4 (permalink)  
Antiguo 19/07/2010, 04:43
Avatar de Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: cronometro cuenta atras
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
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #calContador {width:450px;}
  5. #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;}
  6. #calCuerpo td{background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;}
  7. #calCuerpo td.cont{background-color:#FFFF00;color:#000000;width:50px;}
  8. </style>
  9.  
  10. <?php
  11. $fecha = time();
  12. ?> 
  13.  
  14. <script type="text/javascript">
  15. function crono(){
  16. 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;?> 
  17. var fechaFinal = new Date(anio,mes,dia,hora,minutos)
  18.  
  19. var serv_ahora =  new Date();
  20. serv_ahora.getFullYear(<?php date('Y', $fecha);?>);
  21. serv_ahora.getMonth(<?php echo date('n', $fecha);?>); // Enero es el mes 0
  22. serv_ahora.getDate(<?php echo date('d', $fecha);?>);
  23. serv_ahora.getHours(<?php echo date('H', $fecha);?>);
  24. serv_ahora.getMinutes(<?php echo date('i', $fecha);?>);
  25. diferencia = fechaFinal.getTime() - serv_ahora.getTime()
  26.  
  27. segundostotales = parseInt(diferencia /1000);
  28. minutostotales = parseInt(segundostotales/60);
  29. horastotales = parseInt(minutostotales/60); 
  30. dias = parseInt(horastotales/24);
  31. horas = parseInt(horastotales &#37; 24);
  32. minutos = parseInt(minutostotales % 60);
  33. segundos = parseInt(segundostotales % 60);
  34.  
  35. 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>';
  36.  
  37. if(dias < 10) {dias = '0' + dias;}
  38. if(horas < 10) {horas = '0' + horas;}
  39. if(minutos < 10) {minutos = '0' + minutos;}
  40. if(segundos < 10) {segundos = '0' + segundos;}
  41.  
  42. diasTxt = '<td class="cont">' + dias + '</td><td>Días</td>';
  43. horasTxt = '<td class="cont">' + horas + '</td><td>Horas</td>';
  44. minutosTxt = '<td class="cont">' + minutos + '</td><td>Minutos</td>';
  45. segundosTxt = '<td class="cont">' + segundos + '</td><td>Segundos</td></tr></table></div></div>';
  46.  
  47. if (Math.abs(diferencia) <= 900) {
  48. contadorCompleto = falta + '<td class="cont">Se ha cumplido el tiempo</td></tr></table></div></div>';
  49. clearTimeout(intervalo);
  50. }
  51. else
  52. {
  53. contadorCompleto = falta +  diasTxt + horasTxt + minutosTxt + segundosTxt
  54. intervalo = setTimeout("crono(), 1000");
  55. }
  56. document.getElementById('contador_regresivo').innerHTML = contadorCompleto;
  57. }
  58. window.onload=function(){crono();};
  59. </script>
  60. </head>
  61. <body>
  62. <div id="contador_regresivo" style="text-align:center"></div>
  63. </body>
  64. </html>
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 11:13.