buscodescargas.com » JavaScript » Reloj Digital tras el Raton

Reloj Digital tras el Raton

Embellece y acompaña a tus visitas indicándoles la hora al lado del mismo ratón.
Un reloj digital que va tras el ratón por toda la pantalla en el que se puede cambiar el color modificando [var colour="#000"] par que quede discreto o destaque con el diseño de tus páginas.

Haciendo clic aquí puedes ver una muestra.

Ahora solo tienes que copiar el siguiente código y pegarlo en el codigo de tu página web…

————————–

var digit=new Array(247, 146, 221, 219, 186, 235, 239, 210, 255, 251);

function tick() {
var now=new Date();
var t=Math.floor(now.getTime()/500)%2;
var i, j, k;
var won=oo(now.getHours())+oo(now.getMinutes())+oo(now.getSeconds());
for (i=0; i<6; i++) for (j=0; j<7; j++) {
k=digit[won.substring(i, i+1)].toString(2).substring(j+1, j+2);
document.getElementById(“dig”+i+j).style.backgroundColor=(k==1)?colour:”transparent”;
}
document.getElementById(“mstop”).style.backgroundColor=(t)?”transparent”:colour;
document.getElementById(“msbot”).style.backgroundColor=(t)?”transparent”:colour;
xmo+=Math.floor((newx-xmo)/4);
clok.style.left=(xmo-40)+”px”;
ymo+=Math.floor((newy-ymo)/4);
clok.style.top=(ymo-20)+”px”;
setTimeout(“tick()”, 40);
}

document.onmousemove=mouse;

function mouse(e) {
newy=(e)?e.pageY:event.y+scro();
newx=(e)?e.pageX:event.x;
}

function scro() {
var scro=0;
if (document.body.scrollTop) scro=document.body.scrollTop;
else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
return (scro);
}

function oo(o) { return(((o<10)?”0″+o:o).toString()); }

function createDigit(id) {
var odiv=createDiv(0, cpos, 18, 10, false);
cpos+=12;
odiv.appendChild(createDiv(0, 1, 2, 8, id+”0″));
odiv.appendChild(createDiv(1, 0, 8, 2, id+”1″));
odiv.appendChild(createDiv(1, 8, 8, 2, id+”2″));
odiv.appendChild(createDiv(8, 1, 2, 8, id+”3″));
odiv.appendChild(createDiv(9, 0, 8, 2, id+”4″));
odiv.appendChild(createDiv(9, 8, 8, 2, id+”5″));
odiv.appendChild(createDiv(16, 1, 2, 8, id+”6″));
return (odiv);
}

function createColon(id) {
var odiv=createDiv(0, cpos, 18, 2, false);
cpos+=4;
var dot1=createDiv(4, 0, 3, 2, (id)?id+”top”:false);
dot1.style.backgroundColor=colour;
odiv.appendChild(dot1);
var dot2=createDiv(11, 0, 3, 2, (id)?id+”bot”:false);
dot2.style.backgroundColor=colour;
odiv.appendChild(dot2);
return (odiv);
}

function createDiv(top, left, height, width, id) {
var div=document.createElement(“div”);
div.style.position=”absolute”;
div.style.top=top+”px”;
div.style.left=left+”px”;
div.style.height=height+”px”;
div.style.width=width+”px”;
div.style.overflow=”hidden”;
if (id) div.setAttribute(“id”, id);
return (div);
}
// ]]>
</script>
———————-

Aqui puedes ver uno ANALÓGICO…

Ah!...aceptamos invitación a café...!!

Compartenos...