Swiss Watch on Your Website, Gr8 thing for ur website - HTML / Javascript Tutorials
 
  Buy Ebooks, Video Games, DVDs, Electronics and more !
Home | Help Forums | Web Design Tutorials | Free Swishmax Downloads Make Money Online Blog . Free Image and Photo Sharing and Hosting

 

 

Company

Home

Nework Details

Tutorials

SWiSH 2

SWiSHMax

Flash MX

PHP & MySQL

HTML / JScript

Adobe Photoshop

Corel Draw

Gimp

Miscellaneous

Downloads

Templates

Plugins

Fonts

Wallpapers

Free Images

Scripts and Codes

Products

E-Books

SWiSH BB

SWiSH Templates

SWiSH-DB Newsletter
Subscribe to our newsletter : GO
  Partners / Affiliates

   Free image hosting
   Web Design Pakistan
   Swish Templates
   SWiSH Climax
   Talkfreelance Community
   Template Desire
   Lite boards
   Script Sector
   GimpTalk
   13dots
   Idea Designs
   PHP Cafe
   Sposatoettore
   Free swishmax templates
   Swishzone

Manage your site with Flax Article Content Management System
Swiss Watch on Your Website, Gr8 thing for ur website
Category : HTML / Javascript | Level : Beginner | Language : English
Ask Question | Read Comments | Post tutorial | Previous | Next

Web www.swish-db.com

Hi all.....This is a swiss watch for your website.....Add this and add more attraction to ur site.....Excellent for Watch Business Website..... biggrin.gif
You can change the image.....but make sure the Height and width are same... smile.gif
CODE
<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>

And this below the script:-
CODE
<BODY onload=checkTime()>
<DIV style="LEFT: 40px; POSITION: absolute; TOP: 40px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG
src="bgclock.gif"> </DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<OBJECT id=secondObj style="WIDTH: 100px; HEIGHT: 102px"
classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6><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 id=minuteObj style="WIDTH: 100px; HEIGHT: 102px"
classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6><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 id=hourObj style="WIDTH: 100px; HEIGHT: 102px"
classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6><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></HTML>


You can edit the bgclock.gif for any watch pictures.......even urs also... smile.gif
Gday all...


REGARDS smile.gif


© 2002-2005 Flaxweb Network | Article Manager | Gimp Tutorials Library | RAD C++ Library | Free C/C++ Sourcecode |
Sites of interest : Web Design Blog | Swish Templates | Swishmax Ebook | Photoshop Templates | Gimp Tutorials | Text Forum | Make Money Online