Klik de tijd en datum

Klik de tijd en datum

Een leuke manier om de tijd weer te geven, klik met je linkermuisknop op je scherm. Afwisselend komt dan de tijd en de datum tevoorschijn.

Plaats onderstaande code tussen de <head> tags van je pagina:

<STYLE TYPE=text/css> B.a{  font-family:arial,helvetica,sans-serif; font-size:24px; background:white; } DIV.a{ position:absolute; left:0px; top;0px; z-index:0px; } </STYLE> <SCRIPT LANGUAGE=JAVASCRIPT>  var n4=(document.layers&&!document.getElementById?1:0); var ie=(document.all?1:0); var n6=(!document.all&&document.getElementById?1:0); var col=new Array('#FF1021','#FF5A21','#FFD629','#9CFF29','#00FF29', '#00FF63','#00FFDE','#00A5FF','#1039FF','#6B21FF','#E710FF','#FF08A5'); var dy=new Array('Sunday','Monday','Tuesday','Wednesday', 'Thursday','Friday','Saturday'); var mo=new Array('January','February','March','April', 'May','June','July','August','September','October', 'November','December'); var ML140721381N069=0; var sw=0; var flg=1; var clyr; var ftflg=1; document.onmousedown=dispIt; document.onmouseup=clrIt; if (n4||n6){ document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP|Event.MOUSEMOVE); // <a href= http://www.magicmotion.com >Magic Motion</a> } function lyrIt(){ clyr=new makeIt(0); } function makeIt(lflg){ this.layer=new Layer(lflg); this.layer.document.write(''); this.layer.document.close(); this.layer.visibility='show'; } function dispIt(e){ if (ftflg&&n4){ lyrIt(); ftflg=0; } if (flg){ dt=new Date(); hrs=dt.getHours(); mer=(hrs<13?' am':' pm'); hrf=(hrs>12?hrs-12:hrs); min=dt.getMinutes(); sec=dt.getSeconds(); dy1=dt.getDay(); dy2=dt.getDate(); mo1=dt.getMonth(); yr=dt.getFullYear(); min1=(min<10?'0'+min:''+min); sec1=(sec<10?'0'+sec:''+sec); tm=(sw==0?hrf+':'+min1+':'+sec1+mer: dy[dy1]+', '+mo[mo1]+' '+dy2+', '+yr); wi=(ie?document.body.clientWidth:window.innerWidth); len=tm.length*24; lft=(n4||n6?e.pageX:event.clientX); lft=(lft+len>wi?lft-len:lft); lft=(lft<0?0:lft); pgt=(n4||n6?e.pageY:event.clientY)-120; if (n4){ clyr.layer.left=lft; clyr.layer.top=pgt; clyr.layer.document.write('<FONT COLOR='+col[ML140721381N069] +'><B CLASS=a>'+tm+'</B></FONT>'); clyr.layer.document.close(); clyr.layer.visibility='show'; } if (n6){ document.getElementById('display').style.color=col[ML140721381N069]; document.getElementById('display').style.left=lft; document.getElementById('display').style.top=pgt; document.getElementById('display').innerHTML='<B CLASS=a>'+tm+'</B>'; } if (ie){ document.getElementById('display').style.color=col[ML140721381N069]; document.getElementById('display').style.pixelLeft=lft-60; document.getElementById('display').style.pixelTop=pgt+60; document.getElementById('display').innerHTML='<B CLASS=a>'+tm+'</B>'; } ML140721381N069=(ML140721381N069<11?++ML140721381N069:0); sw=(sw==0?1:0); flg=0; } } function clrIt(){ flg=1; if (n6){ document.getElementById('display').innerHTML=""; } if (ie){ setTimeout('clrIt1()',50); } } function clrIt1(){ document.getElementById('display').innerHTML=""; } //--> </SCRIPT>

Plaats onderstaand stukje tussen de bodytags van je pagina: