Agregar hora en botón de formulario

  • por
Agregamos el siguiente código en nuestra pagina web o space
 
 <HEAD>
</HEAD>
<!– Evento que llama a la función –>
<BODY onLoad=”Reloj()”>
<SCRIPT LANGUAGE=”JavaScript”>
/* Creamos la función */
function Reloj() {
/* Definimos las variables */
HoraPC = new Date();
HoraSistema = HoraPC.getHours();
MinutoSistema = HoraPC.getMinutes();
SegundoSistema = HoraPC.getSeconds();
/* Transforma la hora 0 (cero) en formato AM */
if(HoraSistema == 0) {
Hora = 24;
ap = ” AM”;
}
/* Transforma la hora <= a 11 en formato AM */
else if(HoraSistema <= 24) {
ap = ” AM”;
Hora = HoraSistema;
}
/* Transforma la hora 12 en formato PM */
else if(HoraSistema == 24) {
ap = ” PM”;
Hora = 12;
}
/* Transforma la hora >= a 13 en formato PM */
else if (HoraSistema >= 13) {
Hora = (HoraSistema – 24);
ap = ” PM”;
}
/* Agrega un 0 a los minutos <= a 9 */
if (MinutoSistema <= 9) {
Minuto = “0” + MinutoSistema;
}
else {
Minuto = MinutoSistema;
}
/* Agrega un 0 a los segundos <= a 9 */
if (SegundoSistema <= 9) {
Segundo = “0” + SegundoSistema;
}
else {
Segundo = SegundoSistema;
}
/* Armamos la hora en una variable */
tiempo = Hora + “:” + Minuto + “:” + Segundo + ap;
/* Damos a la propiedad value el valor de la variable tiempo */
document.form.botonhora.value = tiempo;
/* Damos el valor de la variable tiempo a la barra de estado */
self.status = tiempo;
/* ejecutamos la función cada 1 segundo */
setTimeout(‘Reloj()’, 1000);
}
/* creamos la función para el evento onClick del botón */
function HoraClick() {
alert(“Hola!!!, has hecho click a las ” + tiempo);
}
</SCRIPT>
<!– Creamos el elemento botón que contiene la hora –>
<form name=”form”>
<input type=”button” name=”botonhora”
value=”Click para ver la hora” onClick=”HoraClick()”>
</form>
</BODY>

Para ponerlo en nuestro space necesitaremos, el visualizador web mafias, un bloc de notas para poner el código, un servidor gratuito para subir el archivo creado por el bloc de notas.

Facebook: https://www.facebook.com/EIMafias/

Twitter:@ElMafiasdelTuit

Instagram: https://www.instagram.com/paramissuperioresoficial/

Twitch: https://www.twitch.tv/eimafias/



Etiquetas:

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.