特酷的时钟

12-2

下面为效果显示

脚本说明:
把如下代码加入<body>区域中
<STYLE type=text/css>.light {
	FILTER: Light
}
.date {
	COLOR: #000000; FONT-FAMILY: "Geneva", "Arial", "Helvetica", "san-serif"; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-ALIGN: center
}
</STYLE>

<SCRIPT>
function setLights(){
	var sx=Math.cos(slightDir)*slightr;
	var sy=Math.sin(slightDir)*slightr;
	var mx=Math.cos(mlightDir)*mlightr;
	var my=Math.sin(mlightDir)*mlightr;
	var hx=Math.cos(hlightDir)*hlightr;
	var hy=Math.sin(hlightDir)*hlightr;
	sconDiv.filters.Light.clear();
	sconDiv.filters.Light.addCone(sx+72,sy+72,1,73,72,215,255,5,20,1);
	sconDiv.filters.Light.addCone(mx+72,my+72,1,73,72,255,10,0,20,2);
	sconDiv.filters.Light.addCone(hx+72,hy+72,1,73,72,15,100,255,20,4);
	sconDiv.filters.Light.addAmbient(155,155,155,100);
}

function timeGo(){
	var tt=new Date();
	slightDir=(tt.getSeconds())/60*6.28-1.57;
	mlightDir=(tt.getMinutes())/60*6.28-1.57;
	hlightDir=(tt.getHours())/12*6.28-1.57+mlightDir/6.28*0.52+0.05;
	dateDiv.innerText=tt.getMonth()+1+"-"+tt.getDate();
	setLights();
}

function InitClock(){
	slightr=110;
	mlightr=90;
	hlightr=60;
	timeGo();
	setInterval("timeGo()",1000);
}
window.onload=InitClock;
</SCRIPT>