Reloj "virtual" (he usado el buscador y nada...)

jesusoful · #1 (**permalink**) 27/08/2009, 02:56

Hola amigos!!

Antes de nada agradecer a la comunidad la cantidad de cosas que estoy aprendiendo en FDW... Y ahora, la duda

.

Necesito crear un reloj virtual para un juego online que estoy montando. El rloj no sería otra cosa que un reloj normal y corriente, que cuente los días que ha estado operativo, y que por cada día real, cuente 4 virtuales.

Es decir, sería como un reloj normal y corriente, sólo que en un mismo día habría 4 virtuales. El ejemplo más claro de lo que quiero está thecrims.com (esquina superior derecha; que salen los dias que lleva de juego y la hora que es en el juego).

Sé que eso se hace con javascript, pero mi idea de javascript es bastante escasa cuando nos salimos de formularios

. He probado con relojes ya hechos que hay por ahí, cambiándole el setTimeout de 1000 (1 seg) a 250 (1/4 de seg), pero nada...

¿Alguna idea?

Saludos y muchísimas gracias de antemano!!!

Adler · #2 (**permalink**) 27/08/2009, 07:29

Hola

Sería tan sencillo como usar uno de esos relojes ya montados y a la var Dias sumarle 4

Suerte

jesusoful · #3 (**permalink**) 28/08/2009, 01:46

Hola!
De esa forma, no se vería el paso de los segundos... A no ser que le sume también a los segundos, y minutos, cierto?? Voy a probar y ahora después comento, si hace falta con el código.

Muchas gracias!!
Saludos

jesusoful · #4 (**permalink**) 31/08/2009, 03:53

Hola.
He probado lo explicado anteriormente y nada. También he probado a poner el timeout a 250 ms y tampoco.

¿Alguna sugerencia?

Adler · #5 (**permalink**) 31/08/2009, 04:12

Hola

Cita:

Iniciado por jesusoful

Hola.
He probado lo explicado anteriormente y nada. También he probado a poner el timeout a 250 ms y tampoco.

¿Alguna sugerencia?

Imprime el código que estás usando

Suerte

jesusoful · #6 (**permalink**) 31/08/2009, 05:02

Hola.
Éste es el código sin alterar.

Código HTML:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript">
<!-- Se abre el comentario para ocultar el script de navegadores antiguos

function muestraReloj()
{
// Compruebo si se puede ejecutar el script en el navegador del usuario
if (!document.layers && !document.all && !document.getElementById) return;
// Obtengo la hora actual y la divido en sus partes
var fechacompleta = new Date();
var horas = fechacompleta.getHours();
var minutos = fechacompleta.getMinutes();
var segundos = fechacompleta.getSeconds();
var mt = "AM";
// Pongo el formato 12 horas
if (horas > 12) {
mt = "PM";
horas = horas - 12;
}
if (horas == 0) horas = 12;
// Pongo minutos y segundos con dos dígitos
if (minutos <= 9) minutos = "0" + minutos;
if (segundos <= 9) segundos = "0" + segundos;
// En la variable 'cadenareloj' puedes cambiar los colores y el tipo de fuente
cadenareloj = "<font size='1' face='verdana' ><b>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</b></font>";
// Escribo el reloj de una manera u otra, según el navegador del usuario
if (document.layers) {
document.layers.spanreloj.document.write(cadenareloj);
document.layers.spanreloj.document.close();
}
else if (document.all) spanreloj.innerHTML = cadenareloj;
else if (document.getElementById) document.getElementById("spanreloj").innerHTML = cadenareloj;
// Ejecuto la función con un intervalo de un segundo
setTimeout("muestraReloj()", 1000);
}

// Fin del script -->
</script>
</head>

<body onLoad="muestraReloj()">
<span id="spanreloj" style="position:absolute;left:10;top:10;"></span>
</body>
</html>

Adler · #7 (**permalink**) 31/08/2009, 05:52

Hola

Prueba ahora

Código javascript:

Ver original<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript">
<!-- Se abre el comentario para ocultar el script de navegadores antiguos
var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById)? true:false
function captura_objeto(idnombre) {
    if (ns6)
    {
    return document.getElementById(idnombre);
    }
    else if (ie4)
    {
    return document.all[idnombre];
    }
    else if (ns4)
    {
    return document.layers[idnombre];
    }
    else
    {
    return null;
    }
}
 
var hora_sin_formato = "";
function muestraReloj()
{
// Compruebo si se puede ejecutar el script en el navegador del usuario
if (!ns4 && !ie4 && !ns6) return;
// Obtengo la hora actual y la divido en sus partes
var fechacompleta = new Date();
var horas = fechacompleta.getHours();
var minutos = fechacompleta.getMinutes();
var segundos = fechacompleta.getSeconds();
var mt = "AM";
// Pongo el formato 12 horas
if (horas > 12) {
mt = "PM";
horas = horas - 12;
}
if (horas == 0) horas = 12;
// Pongo minutos y segundos con dos dígitos
if (minutos <= 9) minutos = "0" + minutos;
if (segundos <= 9) segundos = "0" + segundos;
// En la variable 'cadenareloj' puedes cambiar los colores y el tipo de fuente
hora_sin_formato = horas + ":" + minutos + ":" + segundos + " " + mt 
cadenareloj = "<font size='1' face='verdana' ><b>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</b></font>";
// Escribo el reloj de una manera u otra, según el navegador del usuario
if (document.layers) {
captura_objeto("spanreloj").document.write(cadenareloj);
captura_objeto("spanreloj").document.close();
}
else if (ie4) captura_objeto("spanreloj").innerHTML = cadenareloj;
else if (ns6) captura_objeto("spanreloj").innerHTML = cadenareloj;
// Ejecuto la función con un intervalo de un segundo
setTimeout("muestraReloj()", 1000);
captura_objeto("spanreloj").onclick = recogeHora
}
 
// Fin del script -->
 
function recogeHora() {
captura_objeto("reloj").value = hora_sin_formato;
}
</script>
</head>
 
<body onLoad="muestraReloj()">
<div id="spanreloj" style="position:absolute;left:20;top:20;"></div>
<br /><br />
<input type="text" id="reloj" value="" />
</body>
</html>

Suerte

jesusoful · #8 (**permalink**) 31/08/2009, 07:33

Hola.
Muchas gracias por tu aporte, pero no es esto a lo que me refería. Éste script captura la hora al pulsar sobre el reloj y lo que yo quiero hacer es un reloj virtual que por cada 6 horas reales, cuente como un día (24 horas).

Saludos y muchas gracias igualmente!!!

Adler · #9 (**permalink**) 31/08/2009, 08:14

me he equivocado de post. Esto iba destinado a otro usuario

EDITO: Ese reloj no te vale, ha de empezar en 00:00:00. Así que lo que necesitas es un cronómetro

EDITO: El script debería de ser del lado del servidor, si usas ASP, tal vez, pueda montarte algo