固定的挂钟

稿源：互联网 2022-04-14 23:40:41 点击： 566 撤稿纠错

时钟定位在某个位置，阿里西西网页特效收集。

以下讨论的是和时钟脚本相关的固定的挂钟教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
第一步：把如下代码加入<body>区域中
<SCRIPT language=javascript>
var dot=65
rads=new Array(65)
function rad () {
for (i=1; i<dot; i++) {
	if (document.all) rads[i]=new Array (eval('rad'+i).style,-100,-100)
	else rads[i] = new Array (eval('document.rad'+i),-100,-100)
	}
}

function setCircle() {
	for (i=1; i<dot; i++) {
		rads[i][0].left=rads[i][1]+pX-15
		if (document.layers) rads[i][0].left+=10
		rads[i][0].top=rads[i][2]+pY-20
		//if (document.layers) rads[i][0].top-=5

}
}

function counter() {
		for (i=1; i<dot; i++) {
		rad=Math.PI*(i/((dot-1)/2))
		rads[i][1] = Math.sin(rad)*60;
		rads[i][2] = -Math.cos(rad)*60;
		}
setCircle()
}

pX=400;pY=150
obs = new Array(13)
function ob () {
for (i=0; i<13; i++) {
	if (document.all) obs[i]=new Array (eval('ob'+i).style,-100,-100)
	else obs[i] = new Array (eval('document.ob'+i),-100,-100)
	}
}
function cl(a,b,c){
	if (document.all) {
		if (a!=0) b+=-1
		eval('c'+a+'.style.pixelTop='+(pY+(c-5)))
		eval('c'+a+'.style.pixelLeft='+(pX+(b)))
		}
else{
	if (a!=0) b+=10
	eval('document.c'+a+'.top='+(pY+(c)))
	eval('document.c'+a+'.left='+(pX+(b)))
}
}

function runClock() {
	for (i=0; i<13; i++) {
		obs[i][0].left=obs[i][1]+pX
		obs[i][0].top=obs[i][2]+pY
	}
}

var lastsec
function timer() {
	time = new Date ()
	sec = time.getSeconds()
	if (sec!=lastsec) {

lastsec = sec
		sec=Math.PI*sec/30
		min=Math.PI*time.getMinutes()/30
		hr =Math.PI*((time.getHours()*60)+time.getMinutes())/360
		for (i=1;i<6;i++) {
			obs[i][1] = Math.sin(sec) * (44 - (i-1)*11)-16;
			if (document.layers)obs[i][1]+=10;
			obs[i][2] = -Math.cos(sec) * (44 - (i-1)*11)-27;
		}
		for (i=6;i<10;i++) {
			obs[i][1] = Math.sin(min) * (40 - (i-6)*10)-16;
			if (document.layers)obs[i][1]+=10;
			obs[i][2] = -Math.cos(min) * (40 - (i-6)*10)-27;
		}
		for (i=10;i<13;i++) {
			obs[i][1] = Math.sin(hr) * (37 - (i-10)*11)-16;
			if (document.layers)obs[i][1]+=10;
			obs[i][2] = -Math.cos(hr) * (37 - (i-10)*11)-27;
		}
	}

}
function setNum(){
cl (0,-67,-65);
cl (1,10,-51);
cl (2,28,-33);
cl (3,35,-8);
cl (4,28,17);
cl (5,10,35);
cl (6,-15,42);
cl (7,-40,35);
cl (8,-58,17);
cl (9,-65,-8);
cl (10,-58,-33);
cl (11,-40,-51);
cl (12,-16,-56);

}
</SCRIPT>

第二步：把<body>中的内容改为：
<body onload="rad();counter();ob();setNum();setInterval('timer()',100);setInterval('runClock()',100)">

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于固定的挂钟的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719598.shtml方便下次再访问哦。

·上一篇： 跟随鼠标时钟（一）
·下一篇： 跟随鼠标的*号时钟

固定的挂钟

文章分类LIST >>返回首页

最新游戏

最新新闻