« »

This is the most exclusive Swiss Luxury Probably the most exclusive Swiss Watch ever written in DHTML. The script combines DHTML, CSS and JavaScript ActiveX graphics control (vector-based hands). Extremly fast loading. Made for IE4x.

Label: Exclusive Swiss Luxery Watch effect

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
Files
JavaScript
HTML
Print

bgclock.gif

Copy All x2

<SCRIPT language=JavaScript>
<!-- Beginning of JavaScript -

var now

var second
var minute
var hour

var degreeSecond
var degreeMinute
var degreeHour

var timer
var stepDegree=6
var stepDegreeHour=30

function checkTime() {
	if (document.all) {
		now=new Date()
		second=now.getSeconds()
		minute=now.getMinutes()
		hour=now.getHours()
		if (hour>=12) {hour=hour-12}
		spinIt()
		timer=setTimeout("checkTime()",200)
	}
}

function spinIt() {
	window.status=hour
	secondObj.SetIdentity()
	minuteObj.SetIdentity()
	hourObj.SetIdentity()
	
	degreeSecond=180+stepDegree*second
	degreeMinute=180+stepDegree*minute
	degreeHour=180+stepDegreeHour*hour+(Math.floor(stepDegree*minute/12))
	
	secondObj.Rotate(0,0,degreeSecond)
	minuteObj.Rotate(0,0,degreeMinute)
	hourObj.Rotate(0,0,degreeHour)
}

// - End of JavaScript - -->
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<body onload=checkTime()>
<DIV style="LEFT: 40px; POSITION: absolute; TOP: 40px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
  <IMG 
src="bgclock.gif" width="100" height="102"> </DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=secondObj 
style="HEIGHT: 102px; WIDTH: 100px"><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(80,20,20)"><PARAM NAME="Line0003" VALUE="SetFillColor(80,20,20)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,32)"></OBJECT></DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=minuteObj 
style="HEIGHT: 102px; WIDTH: 100px"><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)"><PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,30)"></OBJECT></DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=hourObj 
style="HEIGHT: 102px; WIDTH: 100px"><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)"><PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,16)"></OBJECT></DIV></DIV>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->