El sitio más completo sobre programación, recursos web y herramientas online para Webmasters
Fecha: 04/08/2005

javascript Button Clock

Esta rutina JavaScript muestra un pequeño reloj en un botón.

Código Javascript


<head>
<STYLE type=text/css>
.boton1 {
BACKGROUND-COLOR: #828200; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold
}
</STYLE>
<BODY bgColor=#ffffff leftMargin=0 rightMargin=0 topMargin=0>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#828200">
<tr>
<td height="22">
<center>
<h3>Button Clock</h3>
Muestra un reloj en un botón.</center>
<SCRIPT LANGUAGE="JavaScript">
<!-- Script by: Michael Tartaglia <stonedstan@hotmail.com> -->
<!-- Web Site: http://www.geocities.com/SiliconValley/Horizon/5235 -->

<!-- Begin
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. "
+ "You have spent " + milliNow + " of those milliseconds on this page. "
+ ".... About " + minsVisit + " minutes, and "
+ secsVisit + " seconds.");
}
document.write("<center><form name=\"form\">"
+ "<input type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\" class=\"boton1\"></form></center>");
onError = null;
clock();
// End -->
</SCRIPT>

</td>
</tr>
</table>
</body>
</html>

javascript Button Clock Categoría: Javascript, Fecha y Hora

Compartir javascript Button Clock en Facebook Twitter MySpace del.icio.us fresqui Meneame


Scripts Similares:

» fecha conteo progresivo javascript
» Fecha actual javascript
» Fecha actual javascript
» calendario javascript avanzado
» hora actual con javascript
» calendario javascript avanzado
Ver el perfil de Gabriel Marcelo Rodriguez en LinkedIn

Privacidad ּ Publicidad ּ Prensa ּ Premios ּ Colaborar ּ Enlazarnos ּ Mapa del Sitio ּ Aviso legal ּ Boletín ּ Contacto
2001 - 2011 | Sitio Sitio creado y mantenido por Gabriel Marcelo Rodriguez
Hosting de alta calidad a bajo costo Neolo.com.ar