<script>
// CREDITS:
// CornerClock Generator
// by Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.com
// 5/2/2002

// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com
// right into the webpage where the script will be displayed.

var bgcol="blue"
var thistime,hours,minutes,seconds, marginbottom, marginright
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0
var whichcorner=2
var imgwidth=9
var imgheight=5
var hpadding=3
var vpadding=3
var watchwidth=2*hpadding+imgwidth
var watchheight=12*vpadding+8*imgheight

imga=new Image()
imga.src="digits/1.gif"
imgb=new Image()
imgb.src="digits/2.gif"
imgc=new Image()
imgc.src="digits/3.gif"
imgd=new Image()
imgd.src="digits/4.gif"
imge=new Image()
imge.src="digits/5.gif"
imgf=new Image()
imgf.src="digits/6.gif"
imgg=new Image()
imgg.src="digits/7.gif"
imgh=new Image()
imgh.src="digits/8.gif"
imgi=new Image()
imgi.src="digits/9.gif"

function initclock() {
if (ns4 || ns6) {
marginbottom=window.innerHeight
marginright=window.innerWidth
}
if (ie) {
marginbottom=document.body.clientHeight
marginright=document.body.clientWidth
}
if (whichcorner==1) {
if (ie) {
document.all.cornerclock.style.posLeft=0
document.all.cornerclock.style.posTop=0
}
if (ns6) {
document.getElementById("cornerclock").style.left=0
document.getElementById("cornerclock").style.top=0
}
if (ns4) {
document.cornerclock.left=0
document.cornerclock.top=0
}
}

if (whichcorner==2) {
var posright=marginright-watchwidth
if (ie) {
document.all.cornerclock.style.posLeft=posright
document.all.cornerclock.style.posTop=0
}
if (ns6) {
document.getElementById("cornerclock").style.left=posright
document.getElementById("cornerclock").style.top=0
}
if (ns4) {
document.cornerclock.left=posright
document.cornerclock.top=0
}
}
clockon()
}

function clockon() {
thistime= new Date()
hours=""+thistime.getHours()
minutes=""+thistime.getMinutes()
seconds=""+thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
var h1=hours.substring(0,1)+".gif"
var h2=hours.substring(1,2)+".gif"
var m1=minutes.substring(0,1)+".gif"
var m2=minutes.substring(1,2)+".gif"
var s1=seconds.substring(0,1)+".gif"
var s2=seconds.substring(1,2)+".gif"

if (ie || ns6) {
document.sec2.src="digits/"+s2
document.sec1.src="digits/"+s1
document.min2.src="digits/"+m2
document.min1.src="digits/"+m1
document.hou2.src="digits/"+h2
document.hou1.src="digits/"+h1
}

if (ns4) {
document.cornerclock.document.sec2.src="digits/"+s2
document.cornerclock.document.sec1.src="digits/"+s1
document.cornerclock.document.min2.src="digits/"+m2
document.cornerclock.document.min1.src="digits/"+m1
document.cornerclock.document.hou2.src="digits/"+h2
document.cornerclock.document.hou1.src="digits/"+h1
}
var timer=setTimeout("clockon()",1000)
}

if (ie || ns4 || ns6) {
window.onload=initclock
}

</script>

<div id="cornerclock" style="position:absolute;top:-100px;left:10px;">
<table cellpadding=0 cellspacing=0 border=0 bgcolor=blue>
<tr><td><img src="digits/0.gif" name="sec2" vspace=3 hspace=3></td></tr>
<tr><td><img src="digits/0.gif" name="sec1" vspace=3 hspace=3></td></tr>
<tr><td><img src="digits/p.gif" name="p1" vspace=1 hspace=3></td></tr>
<tr><td><img src="digits/0.gif" name="min2" vspace=3 hspace=3></td></tr>
<tr><td><img src="digits/0.gif" name="min1" vspace=3 hspace=3></td></tr>
<tr><td><img src="digits/p.gif" name="p2" vspace=1 hspace=3></td></tr>
<tr><td><img src="digits/0.gif" name="hou2" vspace=3 hspace=3></td></tr>
<tr><td><img src="digits/0.gif" name="hou1" vspace=3 hspace=3></td></tr>
<tr><td><img src="digits/empty.gif" name="emptygif" height=1></td></tr>
</table>
</div>

24fun.com