|
웹디자인 공부방
HTML,PHP 공부방
팁 & 테크 게시판
|
| 번호 : 16 |
홈페이지에 시계를 달자! 시계소스입니다~ |
작성자 : 이건호  |
작성일 : 2005-11-19 19:09:47 |
|
<img src="시계이미지주소"
border="0" width=120 height=120>
위 부분의 시계이미지주소는 반드시 수정해주세요.
출처 : 웬디하우스
<head>
<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>
</head>
<body onLoad="checkTime();">
<!-- 시계를 보여줄 레이어의 위치를 지정합니다 -->
<DIV style="position:absolute;top:20px;left:50px">
<!-- 시계 그림이 들어갑니다 -->
<DIV style="position:absolute;top:0px;left:0px">
<img src="시계이미지주소"
border="0" width=120 height=120>
</DIV>
<!-- 초를 표시합니다 -->
<DIV style="position:absolute;top:0px;left:0px">
<OBJECT ID="secondObj" STYLE="width:120px;height:120px"
CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(255,0,240)">
<PARAM NAME="Line0003" VALUE="SetFillColor(255,0,240)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,45)">
</OBJECT>
</DIV>
<!-- 분을 표시합니다 -->
<DIV style="position:absolute;top:0px;left:0px">
<OBJECT ID="minuteObj" STYLE="width:120px;height:120px"
CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(100,50,255)">
<PARAM NAME="Line0003" VALUE="SetFillColor(100,50,255)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,42)">
</OBJECT>
</DIV>
<!-- 시 를 표시합니다 -->
<DIV style="position:absolute;top:0px;left:0px">
<OBJECT ID="hourObj" STYLE="width:120px;height:120px"
CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(100,50,255)">
<PARAM NAME="Line0003" VALUE="SetFillColor(100,50,255)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,32)">
</OBJECT>
</DIV>
</DIV>
<p></p>
</body>
|
|
|
 |
|
|
|
 |
|
