Hola otra vez:
He visto que te ha contestado KarlanKas (¡Hola!
), pero como ya estaba un poco liado, seguí con mi versión, y aquí la pongo:
Código PHP:
<html>
<head>
<script language="javascript" >
var minutero = 0;
var segundero = 0;
var horario = 0;
var activo = false;
var win = false;
function ajuste(n) {
var salida = "";
if (n < 10) salida = "0" + n ;
else salida = "" + n;
return salida;
}
function iniciaReloj() {
if (win) {win.close(); win = false}
document.digital.empezar.disabled = true;
document.digital.segundo.value = ajuste(segundero);
document.digital.minuto.value = ajuste(minutero);
document.digital.hora.value = ajuste(horario);
document.digital.congelar.disabled = false;
activo = true;
setTimeout("ponSegundero()", 1000);
}
function detieneReloj() {
activo = false;
document.digital.empezar.disabled = false;
document.digital.congelar.disabled = true;
}
function mostrando() {
if (win) {
win.close(); win = false;
}
else {
detieneReloj();
var contenido = "<html><body>";
contenido += document.forms.digital.hora.value + ":" + document.forms.digital.minuto.value + ":" + document.forms.digital.segundo.value + "</body></html>";
win = window.open("", "", "width=100,height=5");
win.document.write(contenido);
document.forms.digital.mostrar.value = "ocultar";
}
}
function ocultar() {
win = false;
document.forms.digital.mostrar.value = "mostrar";
iniciaReloj();
}
function ponSegundero() {
if (++segundero > 59) {
ponMinutero();
segundero = 0;
}
document.forms.digital.segundo.value = ajuste(segundero);
if (activo) setTimeout("ponSegundero()", 1000);
}
function ponMinutero() {
if (++minutero > 59) {
ponHora();
minutero = 0;
}
document.forms.digital.minuto.value = ajuste(minutero);
}
function ponHora() {
if (++horario > 23) horario = 0;
document.forms.digital.hora.value = ajuste(horario);
}
function inicio() {
minutero = 0;
segundero = 0;
horario = 0;
document.forms.digital.hora.value = "00";
document.forms.digital.minuto.value = "00";
document.forms.digital.segundo.value = "00";
}
</script>
</head>
<body style="text-align: center">
<table style="text-align: center">
<form name=digital>
<tr>
<td>
<input type=text name=hora size=2 value="00" disabled style="border:0" >:
<input type=text name=minuto size=2 value="00" disabled style="border:0" >:
<input type=text name=segundo size=2 value="00" style="border:0" disabled>
</td>
</tr>
<tr>
<td colspan=3>
<input type=button name=empezar value="Empezar" onClick="iniciaReloj()">
<input type=button name=congelar value="Congelar" disabled onClick="detieneReloj()">
<input type=button name=mostrar value="mostrar" onClick="mostrando()">
<input type=button name=inicializar value="inicializar" onClick="inicio()">
</td>
</tr>
</table>
</form>
</body>
</html>
Es bastante distinta, pero entre una y otra tal vez encuentres lo que realmente quieres.
KarlanKas: El enlace que puse, tiene exactamente el mismo código javascript que había planteado AeSePe1, y no creí conveniente replicar... ya sabes que he tomado nota de poner el código en los mensajes, aunque no estoy nada de acuerdo con dar las respuestas sin que tenga que trabajar algo quien pregunta... espero que me comprendas.
Saludos
