Creando un Reloj web
- En el blog clic en la opción Diseño
- En el panel izquierdo clic en Diseño
- Clic en añadir un Gadget
- HTML/JavaScript
Coloca el siguiente contenido en el cuadro de dialogo
personaliza los colores del texto del reloj
<!doctype html>
<!-- Primer Programa -->
<!-- Elaborado Por: Su Nombre -->
PRACTICAS DE HTML 5 Y JavaScript
<script language="JavaScript">
function hora(){
var fecha = new Date()
var hora = fecha.getHours()
var minuto = fecha.getMinutes()
var segundo = fecha.getSeconds()
var anio = fecha.getFullYear();
var mes = fecha.getMonth()+1;
var dia = fecha.getDate()
if (hora < 10) {hora = "0" + hora}
if (minuto < 10) {minuto = "0" + minuto}
if (segundo < 10) {segundo = "0" + segundo}
var horita = dia + "/" +mes+"/"+anio+" "+ hora + ":" + minuto + ":" + segundo
document.getElementById('hora').firstChild.nodeValue = horita
tiempo = setTimeout('hora()',1000)
}
function inicio(){
document.write ('<span id="hora">000000</span>')
hora()
}
</script>
<style type="text/css">
<!--
#hora {
background-color: yellow
width:100px;
textAlign: Center
font-family: Tahoma, Verdana, Arial Black;
font-size: 15px;
color: blue;
}
-->
</style>
<div background-color: yellow; centrar="wrap">
<p><script> inicio()</script></p>
</div>
<!doctype html></!doctype></!doctype>
No hay comentarios:
Publicar un comentario