首页  »  网页设计教程  »  中文的版用JS实现超酷的“网页时钟”

中文的版用JS实现超酷的“网页时钟”

浏览数:共 75 次     评论:共 0 条     发布日期:2012-04-05     分类:javascript

<!--
dcol="yellow"; //定义日历颜色
fcol="#ff0000"; //定义1-12这12个数的颜色
scol="#00ff00"; //定义秒针颜色
mcol="#0000ff"; //定义分针颜色
hcol="#ff0000"; //定义时针颜色
clockheight=40; //定义时钟的高度
clockwidth=40; //定义时钟的宽度
clockfrommousey=0; //定义时钟的中心距鼠标的相对垂直距离
clockfrommousex=100; //定义时钟中心距鼠标的相对水平距离
//以上颜色值你要据你页面的背景颜色进行修改!注意不要你页面的背景色一致哦。
d=new array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
m=new array("一月","二月","三月","四月","五月","六月","七月","八月","九月",
"十月","十一月","十二月"); //以上是给定星期和月份的取值范围
date=new date();
day=date.getdate(); //取得当前日期命令
year=date.getyear(); //取得当前年份命令
if (year < 2000) year=year+1900;
todaysdate="年 "+m[date.getmonth()]+" "+day+"日 "+d[date.getday()]+" "+year;
d=todaysdate.split(""); //显示"某年某月某日"
h="...";
h=h.split("");
m="....";
m=m.split("");
s=".....";
s=s.split(""); //使秒、分、时针反向相应的位置
face="1 2 3 4 5 6 7 8 9 10 11 12";
font="arial";
size=1; //定义秒、分、时针及1-12等字符的宋体、大小(最好匆改动哦)
speed=0.8; //定义一旦鼠标位置发生变化时所有相关字符跟随至前面指定的鼠标的相对位置的速度,
能看到各字符的轨迹,值可在0.1-1.0之间改动(值最小为0.1时跟随过来的速度最慢,值为1.0时跟随速度最快且与轨迹显示)
ns=(document.layers);
ie=(document.all); //说明在ns和ie两种不同浏览器里都适用

face=face.split(" ");
n=face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fcol+">";
props2="<font face="+font+" size="+size+" color="+dcol+">";
split=360/n;
dsplit=360/d.length;
handheight=clockheight/4.5
handwidth=clockwidth/4.5
handy=-7;
handx=-2.5;
scrll=0;
step=0.06;
currstep=0;
y=new array();x=new array();y=new array();x=new array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;y[i]=0;x[i]=0}
dy=new array();dx=new array();dy=new array();dx=new array();
for (i=0; i < d.length; i++){dy[i]=0;dx[i]=0;dy[i]=0;dx[i]=0}

for (i=0; i < d.length; i++)
document.write("<layer name="nsdate"+i+"" top=0


left=0 height="+a+" width="+a+"><center>"+props2+d[i]+"</font></center></layer>");
for (i=0; i < n; i++)
document.write("<layer name="nsface"+i+"" top=0 left=0 height="+a+" width="+a+"><center>"+props+face[i]+"</font></center></layer>");
for (i=0; i < s.length; i++)
document.write("<layer name=nsseconds"+i+" top=0 left=0 width=15
height=15><font face=arial size=3 color="+scol+"><center><b>"+s[i]+"</b></center></font></layer>");
for (i=0; i < m.length; i++)
document.write("<layer name=nsminutes"+i+" top=0 left=0 width=15
height=15><font face=arial size=3 color="+mcol+"><center><b>"+m[i]+"</b></center></font></layer>");
for (i=0; i < h.length; i++)
document.write("<layer name=nshours"+i+" top=0 left=0 width=15
height=15><font face=arial size=3 color="+hcol+"><center><b>"+h[i]+"</b></center></font></layer>");
}

document.write("<div id="od" style="position:absolute;top:0px;left:0px"><div style="position:relative">");
for (i=0; i < d.length; i++)
document.write("<div id="iedate" style="position:absolute;top:0px;left:0;height:"+a+";width:"+a+";text-align:center">"+props2+d[i]+"</font></div>");
document.write("</div></div>");
document.write("<div id="of" style="position:absolute;top:0px;left:0px"><div style="position:relative">");
for (i=0; i < n; i++)
document.write("<div id="ieface"



上一篇:网页常用小技巧―JS篇
下一篇:60秒倒计时的1个小JS