| 项目搜索 |
| |
|
代码片段库:
查看代码片段
浏览
| 提交新的代码片段
| 创建代码包
特酷的手表
|
类型:
Full Script |
类别:
HTML Manipulation
|
许可证:
GNU General Public License |
语言:
JavaScript
|
描述:
一个非常酷的手表,指针是用内嵌函数做成的,非常有新意的
|
该代码片段的版本系列:
片段ID |
下载版本 |
提交时间 |
提交人 |
删除 |
4709 | 1.0 | 2003-10-14 16:32 | cbd001 | |
点击"下载版本"来下载该代码片段.
最新版本的代码片段: 1.0
脚本说明:
第一步:把如下代码加入<body>区域中
<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>
<DIV style="LEFT: 340px; POSITION: absolute; TOP: 100px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=102
src="bgclock.gif" width=100> </DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 height=14
id=secondObj style="HEIGHT: 102px; WIDTH: 100px" width=14><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 height=14
id=minuteObj style="HEIGHT: 102px; WIDTH: 100px" width=14><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 height=14 id=hourObj
style="HEIGHT: 102px; WIDTH: 100px" width=14><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>
<DIV
style="COLOR: #444444; FONT-SIZE: 8pt; LEFT: 200px; LETTER-SPACING: 0.6em; LINE-HEIGHT: 200%; POSITION: absolute; TEXT-ALIGN: center; TOP: 20px; WIDTH: 200px; fomnt-family: Verdana"></DIV>
第二步:把<body>中的内容改为:
<BODY bgcolor="#fef4d9" onload=checkTime()>
如果您修改了一个代码片段并且觉得很应该让别人共享,您可以把这作为这个代码片段的最新版本提交上来. |
|