制作一个时钟显示程序_CMS教程

脚本说明:

第一步：把如下代码加入<body>区域中

var dot=65

rads=new Array(65)

function rad () {

for (i=1; i<dot; i++) {

if (documentall) rads[i]=new Array (eval('rad'+i)style,-100,-100)

else rads[i] = new Array (eval('documentrad'+i),-100,-100)

}

function setCircle() {

for (i=1; i<dot; i++) {

rads[i][0]left=rads[i][1]+pX-15

if (documentlayers) rads[i][0]left+=10

rads[i][0]top=rads[i][2]+pY-20

//if (documentlayers) rads[i][0]top-=5

}

function counter() {

for (i=1; i<dot; i++) {

rad=MathPI(i/((dot-1)/2))

rads[i][1] = Mathsin(rad)60;

rads[i][2] = -Mathcos(rad)60;

}

setCircle()

}

pX=400;pY=150

obs = new Array(13)

function ob () {

for (i=0; i<13; i++) {

if (documentall) obs[i]=new Array (eval('ob'+i)style,-100,-100)

else obs[i] = new Array (eval('documentob'+i),-100,-100)

}

function cl(a,b,c){

if (documentall) {

if (a!=0) b+=-1

eval('c'+a+'stylepixelTop='+(pY+(c-5)))

eval('c'+a+'stylepixelLeft='+(pX+(b)))

}

else{

if (a!=0) b+=10

eval('documentc'+a+'top='+(pY+(c)))

eval('documentc'+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 = timegetSeconds()

if (sec!=lastsec) {

lastsec = sec

sec=MathPIsec/30

min=MathPItimegetMinutes()/30

hr =MathPI((timegetHours()60)+timegetMinutes())/360

for (i=1;i<6;i++) {

obs[i][1] = Mathsin(sec) (44 - (i-1)11)-16;

if (documentlayers)obs[i][1]+=10;

obs[i][2] = -Mathcos(sec) (44 - (i-1)11)-27;

}

for (i=6;i<10;i++) {

obs[i][1] = Mathsin(min) (40 - (i-6)10)-16;

if (documentlayers)obs[i][1]+=10;

obs[i][2] = -Mathcos(min) (40 - (i-6)10)-27;

}

for (i=10;i<13;i++) {

obs[i][1] = Mathsin(hr) (37 - (i-10)11)-16;

if (documentlayers)obs[i][1]+=10;

obs[i][2] = -Mathcos(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>

<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>

<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>

<DIV id=rad1

style="LEFT: -20px; POSITION: absolute; TOP: -20px; Z-INDEX: 8"><FONT