0顶

精美网页挂钟

稿源：互联网 2022-07-18 12:51:49 点击： 1085 撤稿纠错

一个很精美的网页挂钟，您可自定义指针颜色。

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

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

<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
	}
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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
	}
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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);
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</SCRIPT>
<body onload="rad();counter();ob();setNum();setInterval('timer()',100);setInterval('runClock()',100)">
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<DIV id=c0 style="HEIGHT: 128px; LEFT: 38px; POSITION: absolute; TOP: -119px; WIDTH: 686px; Z-INDEX: 2"></DIV>
<DIV id=c1 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>1</B>
</DIV>
<DIV id=c2 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>2</B>
</DIV>
<DIV id=c3 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>3</B>
</DIV>
<DIV id=c4 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>4</B>
</DIV>
<DIV id=c5 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>5</B>
</DIV>
<DIV id=c6 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>6</B>
</DIV>
<DIV id=c7 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>7</B>
</DIV>
<DIV id=c8 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>8</B>
</DIV>
<DIV id=c9 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>9</B>
</DIV>
<DIV id=c10 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>10</B>
</DIV>
<DIV id=c11 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>11</B>
</DIV>
<DIV id=c12 style="FONT-SIZE: 11px; LEFT: 20px; POSITION: absolute; TOP: -20px; Z-INDEX: 5"><B>12</B>
</DIV>
<DIV id=ob0 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 1">
</DIV>
<DIV id=ob1 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#0000ff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob2 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#0000ff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob3 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#0000ff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob4 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#0000ff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob5 style="HEIGHT: 32px; LEFT: -35px; POSITION: absolute; TOP: -4px; WIDTH: 742px; Z-INDEX: 8"><FONT
color=#0000ff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob6 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#00ffff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob7 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#00ffff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob8 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#00ffff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob9 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#00ffff size=+3><B>.</B></FONT> </DIV>
<DIV id=ob10 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 6"><FONT
color=#ff0000 size=+3><B>.</B></FONT> </DIV>
<DIV id=ob11 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 6"><FONT
color=#ff0000 size=+3><B>.</B></FONT> </DIV>
<DIV id=ob12 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 6"><FONT
color=#ff0000 size=+3><B>.</B></FONT> </DIV>
<DIV id=rad0 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 1">
</DIV>
<DIV id=rad1 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad2 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad3 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad4 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad5 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad6 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad7 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad8 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad9 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad10 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad11 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad12 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad13 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad14 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad15 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad16 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad17 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad18 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad19 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad20 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad21 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad22 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad23 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad24 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad25 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad26 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad27 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad28 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad29 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad30 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad31 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad32 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad33 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad34 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad35 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad36 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad37 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad38 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad39 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad40 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad41 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad42 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad43 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad44 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad45 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad46 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad47 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad48 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad49 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad50 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad51 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad52 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad53 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad54 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad55 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad56 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad57 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad58 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad59 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad60 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad61 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad62 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad63 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
<DIV id=rad64 style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 7"><FONT
color=#000000><B>.</B></FONT> </DIV>
</body>

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

·上一篇： 根据时间来显示的提示语
·下一篇： 跟随鼠标的时钟一

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

精美网页挂钟

文章分类LIST >>返回首页

最新游戏

最新新闻