Insertar Reloj en tu Pagina Web con JavaScript

Todos los códigos de los ejemplos pueden ser personalizados.

Para agregar el reloj en nuestro blogger ingresamos a Diseño, Añadir Gadget, seleccionamos HTML/Javascript y copiamos el código que se muestra a continuación, tiene dos formas simple y personalizado

Código Reloj Simple:
<span id="VkuReloj"></span>
<script type="text/javascript">
//<![CDATA[
function showclock(){
var digital = new Date();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
var dn='Am';
if (hours>12) {
dn='Pm';
hours=hours-12;
}
if (hours==0) hours=12;
if (minutes<=9) minutes='0'+minutes;
if (seconds<=9) seconds='0'+seconds;

miReloj='<b><span style="">'
+ hours + '</span> : <span style="">'
+ minutes + '</span> : <span style="">'
+ seconds + '</span></b><span style="margin-left:3px;">'
+ dn + '</span>';
document.getElementById('VkuReloj').innerHTML=miReloj;
// lo actualizaremos cada segundo
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>
Código Reloj Personalizado:
<span id="VkuReloj"></span>
<script type="text/javascript">
//<![CDATA[
function showclock(){
var digital = new Date();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
var dn='Am';
if (hours>12) {
dn='Pm';
hours=hours-12;
}
if (hours==0) hours=12;
if (minutes<=9) minutes='0'+minutes;
if (seconds<=9) seconds='0'+seconds;

miReloj='<b><span style="color:red;font-size:22px;">'
+ hours + '</span> : <span style="color:red;font-size:22px;">'
+ minutes + '</span> : <span style="color:blue;font-size:18px;">'
+ seconds + '</span></b><span style="color:#000000;margin-left:5px;">'
+ dn + '</span>';
document.getElementById('VkuReloj').innerHTML=miReloj;
// lo actualizaremos cada segundo
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>

0 comentarios:

Publicar un comentario

Publicaciones recientes

 

  © 2009 Crea tu Blog

True Contemplation Blogger Template by M Shodiq Mustika