JavaScript

JavaScripti >> Ure in koledarji >> Švicarska ura

Opis:
Ta analogna švicarska ura izgleda,
kot prava, saj za delovanje uporablja tudi sliko.

Primer:

Izvorna koda:

Korak 1 :
Ta del kode vstavite v <head> del strani:

<script language="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) } </script>

Korak 2:
Ta del kode vstavite v <body> del strani:

<DIV style="position:absolute;top:140px;left:350px"> <DIV style="position:absolute;top:0px;left:0px"> <img src="ura.gif" width="100" height="102"> </DIV> <DIV style="position:absolute;top:0px;left: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="position:absolute;top:0px;left: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="position:absolute;top:0px;left: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>

Korak 3:
Vaša <body> vrstica naj bi izgledala nekako takole:

<body onLoad="checkTime()">

Korak 4:
V mapo kjer boste imeli spletno stran, kjer boste uporabili ta JavaScript, skopirajte tudi to sliko: