Een erg leuk horloge om op je site te plaatsen !
Klik hier om de zipfile te downloaden met de afbeeldingen

Plaats onderstaande code tussen de body tags van je pagina:

<script> // http://www.anouksweb.nl var clipTop=0 var clipBottom=clipTop+60 var clipLeft var clipRight var imgSeconds var imgMinutes var imgHours var imgClock var textDate var textDay var textLink var clipHours="" var clipMinutes="" var clipSeconds="" var startLeft=7 var startTop=74 var tunePosHour =-2 var heute = new Date() var dayofweek = heute.getDay() var datetoday = heute.getDate() if (dayofweek==0) { dayofweek = "sun" } else if (dayofweek==1) { dayofweek = "mon" } else if (dayofweek==2) { dayofweek = "tue" } else if (dayofweek==3) { dayofweek = "wed" } else if (dayofweek==4) { dayofweek = "thu" } else if (dayofweek==5) { dayofweek = "fri" } else if (dayofweek==6) { dayofweek = "sam" } var browserinfos=navigator.userAgent var ie=document.all&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/) var opera=browserinfos.match(/Opera/) function initClock() { if (ie) { document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker); document.all.roof.style.posTop=DL_GetElementTop(document.all.marker); imgSeconds=document.all.imgSeconds.style imgMinutes=document.all.imgMinutes.style imgHours=document.all.imgHours.style imgClock=document.all.imgClock.style textDate=document.all.textDate.style textDay=document.all.textDay.style imgHours.posTop=startTop imgMinutes.posTop=startTop imgSeconds.posTop=startTop textDate.posTop=97 textDate.posLeft=64 textDay.posTop=97 textDay.posLeft=30 document.all.textDate.innerHTML=datetoday document.all.textDay.innerHTML=dayofweek } if (ns6 || opera) { document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker')); document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker')); imgSeconds=document.getElementById("imgSeconds").style imgMinutes=document.getElementById("imgMinutes").style imgHours=document.getElementById("imgHours").style imgClock=document.getElementById("imgClock").style textDate=document.getElementById("textDate").style textDay=document.getElementById("textDay").style imgHours.top=startTop imgMinutes.top=startTop imgSeconds.top=startTop textDate.top=97 textDate.left=64 textDay.top=97 textDay.left=30 document.getElementById("textDate").innerHTML=datetoday document.getElementById("textDay").innerHTML=dayofweek } imgSeconds.visibility="visible" imgMinutes.visibility="visible" imgHours.visibility="visible" imgClock.visibility="visible" textDate.visibility="visible" textDay.visibility="visible" tick() } function tick() { var now = new Date() var nowHours = now.getHours() var nowMinutes = now.getMinutes() var nowSeconds = now.getSeconds() if (nowHours >= 12) {nowHours=nowHours-12} if (ie) { imgHours.posLeft=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour) clipLeft = -(imgHours.posLeft)+25 } if (ns6 || opera) { imgHours.left=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour) clipLeft = -(parseInt(imgHours.left))+25 } clipRight= clipLeft+58 clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")" imgHours.clip=clipHours if (ie) { imgMinutes.posLeft=-((nowMinutes)*60+startLeft) clipLeft = -(imgMinutes.posLeft)+25 } if (ns6 || opera) { imgMinutes.left=-((nowMinutes)*60+startLeft) clipLeft = -(parseInt(imgMinutes.left))+25 } clipRight= clipLeft+58 clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")" imgMinutes.clip=clipMinutes if (ie) { imgSeconds.posLeft=-((nowSeconds)*60+startLeft) clipLeft = -(imgSeconds.posLeft)+25 } if (ns6 || opera) { imgSeconds.left=-((nowSeconds)*60+startLeft) clipLeft = -(parseInt(imgSeconds.left))+25 } clipRight= clipLeft+58 clipSeconds ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")" imgSeconds.clip=clipSeconds var runClock = setTimeout("tick()", 400); } function DL_GetElementLeft(eElement) { var nLeftPos = eElement.offsetLeft; var eParElement = eElement.offsetParent; while (eParElement != null) { nLeftPos += eParElement.offsetLeft; eParElement = eParElement.offsetParent; } return nLeftPos; } function DL_GetElementTop(eElement) { var nTopPos = eElement.offsetTop; var eParElement = eElement.offsetParent; while (eParElement != null) { nTopPos += eParElement.offsetTop; eParElement = eParElement.offsetParent; } return nTopPos; } if (ie || ns6 || opera) { window.onload=initClock } </script> <div id="marker" style="position:relative;overflow:hidden;width:110px;height:208px"></div> <div id="roof" style="position:absolute;overflow:hidden;width:110px;height:208px"> <div id="imgClock" style="position:absolute;visibility:hidden;"><img width=110 height=208 src="clock2.jpg"> <p> </div> <div id="textDate" style="position:absolute;visibility:hidden;width:20px;font-family:Arial;font-size:7pt;"> </div> <div id="textDay" style="position:absolute;visibility:hidden;width:20px;font-family:Arial;font-size:7pt"> </div> <div id="imgHours" style="position:absolute;visibility:hidden;overflow:hidden;"><img src="hours2.gif" width="3620" height="60"></div> <div id="imgMinutes" style="position:absolute;visibility:hidden;overflow:hidden;"><img src="minutes2.gif" width="3620" height="60"></div> <div id="imgSeconds" style="position:absolute;visibility:hidden;overflow:hidden;"><img src="seconds2.gif" width="3620" height="60"></div> </div>