Questa è la pagina che dovrebbe mostrare il codice:
codice:
<style>
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline }
</style>
<script>
// select a clock design: "watch1", "watch2" or "watch3"
var whichwatch="watch3"
// The clocks's horizontal distance to the left margin (pixels)
var clockposLeft=10
// The clock's vertical distance to the top margin (pixels)
var clockposTop=10
</script>
<script src="watchjs.js"></script>
</HEAD>
<BODY  BGCOLOR="white" vlink="blue" link="blue" style="width:100%;overflow-x:hidden;overflow-y:scroll">
il file 'watchjs.js' contiene questo:
codice:
var clipTop=0
var clipBottom=clipTop+90
var clipLeft
var clipRight
var isNS

if (document.layers) { (isNS=true) }
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';

var imgSeconds
var imgMinutes
var imgHours
var imgClock

var clipHours=""
var clipMinutes=""
var clipSeconds=""

var startLeft
var startTop

var tunePosHour=-2

var plusHours=0

var heute= new Date()
var datumtzahl="<font size=1>"+heute.getDate()+"</font>"

function initObjects() {
	if (document.all) {
		imgSeconds = document.all.imgSeconds.style
		imgMinutes = document.all.imgMinutes.style
		imgHours = document.all.imgHours.style
		imgClock = document.all.imgClock.style
		textDate.innerHTML=datumtzahl
		
		imgClock.posLeft=clockposLeft
		imgClock.posTop=clockposTop
		
		startLeft=clockposLeft+2
		startTop=clockposTop
		
		imgHours.posTop=startTop
		imgMinutes.posTop=startTop
		imgSeconds.posTop=startTop
	
		document.all.textDate.style.posTop=clockposTop+40
		document.all.textDate.style.posLeft=clockposLeft+63
	
		imgSeconds.visibility=VISIBLE
		imgMinutes.visibility=VISIBLE
		imgHours.visibility=VISIBLE
		imgClock.visibility=VISIBLE
		document.all.textDate.style.visibility=VISIBLE
	
		tickIE()
	}
	
	if (document.layers) {
		imgSeconds = document.imgSeconds
		imgMinutes = document.imgMinutes
		imgHours = document.imgHours
		imgClock = document.imgClock
		document.textDate.document.write(datumzahl)
		document.textDate.document.close()
		
		imgClock.left=clockposLeft
		imgClock.top=clockposTop
		
		startLeft=clockposLeft+2
		startTop=clockposTop
		
		imgHours.top=startTop
		imgMinutes.top=startTop
		imgSeconds.top=startTop
	
		document.textDate.top=clockposTop+40
		document.textDate.left=clockposLeft+61
		
		imgSeconds.visibility=VISIBLE
		imgMinutes.visibility=VISIBLE
		imgHours.visibility=VISIBLE
		imgClock.visibility=VISIBLE
		document.textDate.visibility=VISIBLE
	
		tickNS()
	}
}

function tickIE() {
	var now=new Date()
	var nowHours=now.getHours()
	var nowMinutes=now.getMinutes()
	var nowSeconds=now.getSeconds()
	if (nowHours>=12) {nowHours=nowHours-12}
	if (nowMinutes<12) {plusHours=0}
	if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
	if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
	if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
	if (nowMinutes>=48) {var plusHours=360}
	imgHours.posLeft=startLeft-(nowHours*90*5+plusHours)
	clipLeft=nowHours*90*5+plusHours
	clipRight=clipLeft+90
	clipHours="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
	imgHours.clip=clipHours	
	if (nowSeconds!=0) {
		imgMinutes.posLeft=startLeft-(nowMinutes*90)
		clipLeft=nowMinutes*90
		clipRight=clipLeft+90
		clipMinutes="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
		imgMinutes.clip=clipMinutes
	}
	imgSeconds.posLeft=startLeft-(nowSeconds*90)
	clipLeft=nowSeconds*90
	clipRight=clipLeft+90
	clipSeconds="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
	imgSeconds.clip=clipSeconds
	var runClock=setTimeout("tickIE()", 100);
}

function tickNS() {
	var now=new Date()
	var nowHours=now.getHours()
	var nowMinutes=now.getMinutes()
	var nowSeconds=now.getSeconds()
	if (nowHours >= 12) {nowHours=nowHours-12}
	if (nowMinutes<12) {plusHours=0}
	if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
	if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
	if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
	if (nowMinutes>=48) {var plusHours=360}
	imgHours.left=startLeft-(nowHours*90*5+plusHours)
	clipLeft=nowHours*90*5+plusHours
	clipRight=clipLeft+90
	imgHours.clip.left=clipLeft
	imgHours.clip.right=clipRight
	imgHours.clip.top=clipTop
	imgHours.clip.bottom=clipBottom
	if (nowSeconds!=0) {
		imgMinutes.left=startLeft-(nowMinutes*90)
		clipLeft=nowMinutes*90
		clipRight=clipLeft+90
		imgMinutes.clip.left=clipLeft
		imgMinutes.clip.right=clipRight
		imgMinutes.clip.top=clipTop
		imgMinutes.clip.bottom=clipBottom
	}
	imgSeconds.left=startLeft-(nowSeconds*90)
	clipLeft=nowSeconds*90
	clipRight=clipLeft+90
	imgSeconds.clip.left=clipLeft
	imgSeconds.clip.right=clipRight
	imgSeconds.clip.top=clipTop
	imgSeconds.clip.bottom=clipBottom

	var runClock = setTimeout("tickNS()", 100);
}

if (document.all) {
	document.write("<DIV ID='imgClock' STYLE='position:absolute;visibility:hidden'>[img]"+whichwatch+".gif[/img]</DIV>")
	document.write("<DIV ID='textDate' STYLE='position:absolute;visibility:hidden'></DIV>")
	document.write("<DIV ID='imgSeconds' STYLE='position:absolute;visibility:hidden'>[img]secondi.gif[/img]</DIV>")
	document.write("<DIV ID='imgHours' STYLE='position:absolute;visibility:hidden'>[img]ore.gif[/img]</DIV>")
	document.write("<DIV ID='imgMinutes' STYLE='position:absolute;visibility:hidden'>[img]minuti.gif[/img]</DIV>")
	document.write("<DIV></DIV>")
	document.close()
}

if (document.all) {
	window.onload=initObjects
}
poi ci sono delle immagini in gif per il quadrante e le lancette.
Questo script mostra un orologio analogico con quadrante rotondo e lancette.