Foros del Web » Creando para Internet » Diseño web »

Ayuda con cronómetro por favor...

Estas en el tema de Ayuda con cronómetro por favor... en el foro de Diseño web en Foros del Web. Hace algún tiempo pedí a quien pudiera decirme como insertar un cronómetro de 45 min. (fútbol) que no se reiniciara cada vez que uno refresca ...
  #1 (permalink)  
Antiguo 27/02/2007, 16:59
Avatar de adolfost  
Fecha de Ingreso: enero-2007
Mensajes: 29
Antigüedad: 10 años, 10 meses
Puntos: 0
Ayuda con cronómetro por favor...

Hace algún tiempo pedí a quien pudiera decirme como insertar un cronómetro de 45 min. (fútbol) que no se reiniciara cada vez que uno refresca la página o comience desde "0" cada vez que uno ingresa. Me dijeron que tendría que conseguir un "counter up" a partir de la hora que tiene mi servidor. Bueno todo eso lo conseguí y funciona, Los molesto porque el código en si creo se podría mejorar, pero no se como se hace: Intenté pero no queda bien. Por ejemplo:
1-Pasa de 3:59 a 3:60 y luego 4:01, cuando debería ser 3:59 y 4:00.
2-Informa 4:0, cuando quedaría mejor que fuera 04:00 . Probé con algo que encontre que dice si un valor es < 9 entonces añadir "0", pero tampoco me salió bien.

Les copio el código que estoy usando:



<HTML>
<HEAD>

<SCRIPT Language="JavaScript1.1">

/* Initializations */

var timerID;
var timerRunning = false;
var today = new Date();
var startday = new Date();
var secPerDay = 0;
var minPerDay = 0;
var hourPerDay = 0;
var secsLeft = 0;
var secsRound = 0;
var secsRemain = 0;
var minLeft = 0;
var minRound = 0;
var minRemain = 0;
var timeRemain = 0;

/* This function will stop the clock */

function stopclock(){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

/* This function will start the clock */

function startclock() {
stopclock();
showtime1();
}

/* This function will display the count-up */

function showtime1() {
startday = new Date("February 20, 2007 15:40 ");
startday.setYear("2007");
today = new Date();
secsPerDay = 1000 ;
minPerDay = 60 * 1000 ;
hoursPerDay = 60 * 60 * 1000;
PerDay = 24 * 60 * 60 * 1000;

/* Seconds */

secsLeft = (today.getTime() - startday.getTime()) / minPerDay;

secsRound = Math.round(secsLeft);

secsRemain = secsLeft - secsRound;

secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft) * 61) : secsRemain = (secsLeft - secsRound) * 60;

secsRemain = Math.round(secsRemain);


/* Minutes */

minLeft = ((today.getTime() - startday.getTime()) / hoursPerDay);

minRound = Math.round(minLeft);

minRemain = minLeft - minRound;

minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) * 60) : minRemain = ((minLeft - minRound) * 60);

minRemain = Math.round(minRemain - 0.495);

if (minRemain == 1)
{
min_rem = ":"
}
else
{
min_rem = ":"
}

if (secsRemain == 1)
{
sec_rem = ""
}
else
{
sec_rem = ""
}

timeRemain = minRemain + min_rem + secsRemain + sec_rem;

document.up.face.value = timeRemain;
timerID = setTimeout("showtime1()",1000);
timerRunning = true;
}

</SCRIPT>

</HEAD>

<BODY BGCOLOR="#FFCC00" TEXT="#000000" onLoad="startclock()">

<FORM NAME="up" onSubmit="1" style="color: #000000; vertical-align: center; border: 1px solid #FFCC00; background-color: #FFCC00; font-family:Verdana; font-size:10px; margin-top:0; margin-bottom:0">
<p style="margin-top: 0; margin-bottom: 0" align="center">
<span style="vertical-align: top; color: #000000; border: 1px solid #FFCC00; background-color: #FFCC00">
<INPUT TYPE="text" NAME="face" SIZE="6" VALUE="--:--" style="border:0 solid #FFCC00; font-family: Verdana; font-size: 10pt; vertical-align:top; color:#000000; margin-top:0; margin-bottom:0; background-color:#FFCC00"></span>
</p>
</FORM>

</BODY>
</HTML>

Hasta pronto y gracias.
  #2 (permalink)  
Antiguo 27/02/2007, 17:07
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 12 años, 1 mes
Puntos: 3
Re: Ayuda con cronómetro por favor...

hola, yo tambien tengo que hacer uno a ver si luego nos ponemos deacuerdo para mejorarlo =)
__________________
Saludos
FT.
www.fernando.com.mx
  #3 (permalink)  
Antiguo 27/02/2007, 17:28
Avatar de adolfost  
Fecha de Ingreso: enero-2007
Mensajes: 29
Antigüedad: 10 años, 10 meses
Puntos: 0
Re: Ayuda con cronómetro por favor...

OK, vemos como sigue...
Hasta pronto
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




La zona horaria es GMT -6. Ahora son las 07:28.