中文的版用JavaScript實現超酷的“網頁時鐘”

2019-11-18 15:59:32

字體：大中小

來源：轉載

供稿：網友

只須將如下的javascript代碼插入到你頁面Html的<head>區即可！

<SCRIPT language=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兩種不同瀏覽器里都適用