金诚交通-工程师之家（http://www.jcjtbook.com） ——金 诚 交 流 ， 书 山 有 路 ！
登录 | 注册 | 搜索 | 返回网站首页  
我的论坛 → 四、娱乐生活交友园地 → 7.网络技术知识 → javascript 时间脚本收集一
　
　
javascript 时间脚本收集一
发起人：yang007　　回复数：1　　浏览数：3818　　最后更新：2010/11/27 12:58:10 by yang007

发表新帖 　帖子排序：
2010/11/27 12:54:51
yang007





角　　色：管理员
发 帖 数：91
注册时间：2010/6/17
回复 编辑 删除
javascript 时间脚本收集一
javascript 时间脚本收集 一


正常时间显示

<SCRIPT  language=javascript>
<!--
function  Year_Month(){ 
        var  now  =  new  Date(); 
        var  yy  =  now.getYear(); 
        var  mm  =  now.getMonth(); 
var  mmm=new  Array();
mmm[0]="January";
mmm[1]="February  ";
mmm[2]="March";
mmm[3]="April";
mmm[4]="May";
mmm[5]="June";
mmm[6]="July";
mmm[7]="August";
mmm[8]="September";
mmm[9]="October";
mmm[10]="November";
mmm[11]="December";
mm=mmm[mm];
        return(mm  );  }
function  thisYear(){ 
        var  now  =  new  Date(); 
        var  yy  =  now.getYear(); 
        return(yy  );  }
  function  Date_of_Today(){ 
        var  now  =  new  Date(); 
        return(now.getDate()  );  }
  function  CurentTime(){ 
        var  now  =  new  Date(); 
        var  hh  =  now.getHours(); 
        var  mm  =  now.getMinutes(); 
        var  ss  =  now.getTime()  %  60000; 
        ss  =  (ss  -  (ss  %  1000))  /  1000; 
        var  clock  =  hh+':'; 
        if  (mm  <  10)  clock  +=  '0'; 
        clock  +=  mm+':'; 
        if  (ss  <  10)  clock  +=  '0'; 
        clock  +=  ss; 
        return(clock);  } 
function  refreshCalendarClock(){ 
document.all.calendarClock1.innerHTML  =  Year_Month(); 
document.all.calendarClock2.innerHTML  =  Date_of_Today(); 
document.all.calendarClock3.innerHTML  =thisYear(); 
document.all.calendarClock4.innerHTML  =  CurentTime();  }
document.write('<font  id="calendarClock1"  >  </font>&nbsp;');
document.write('<font  id="calendarClock2"  >  </font>,');
document.write('<font  id="calendarClock3"  >  </font>&nbsp;');
document.write('<font  id="calendarClock4"  >  </font>');
setInterval('refreshCalendarClock()',1000);
//-->
</SCRIPT>
<script  language="javascript"  src="./script/date.js"></script>




固定位置的时钟

<SCRIPT  language=javascript>
<!--
function  show5()
{if(!document.layers&&!document.all)
return
var  Digital=new  Date()
var  hours=Digital.getHours()
var  minutes=Digital.getMinutes()
var  seconds=Digital.getSeconds()
var  dn="AM"
if(hours>12){dn="PM"
hours=hours-12
}if(hours==0)
hours=12
if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
//change  font  size  here  to  your  desire
myclock="<font    color=blue>现在时间:"+hours+":"+minutes+":"+seconds+"  "+dn+"</font>";
if(document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else  if(document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
}
//-->
</SCRIPT>

<body  onLoad=show5()>

<span  id=liveclock  style=position:absolute;left:250px;top:122px;;  width:  109px;  height:  15px> 
</span>


背景时钟

<head>
<script  language=javaScript>
<!--// 
function  clockon()  {
thistime=  new  Date()
var  hours=thistime.getHours()
var  minutes=thistime.getMinutes()
var  seconds=thistime.getSeconds()
if  (eval(hours)  <10)  {hours="0"+hours}
if  (eval(minutes)  <  10)  {minutes="0"+minutes}
if  (seconds  <  10)  {seconds="0"+seconds}
thistime  =  hours+":"+minutes+":"+seconds
if(document.all)  {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}
if(document.layers)  {
document.bgclockshade.document.write('<div  id="bgclockshade"  style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div>')
document.bgclocknoshade.document.write('<div  id="bgclocknoshade"  style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'</div>')
document.close()
}
var  timer=setTimeout("clockon()",200)
}

//-->

</script>
</head>
<body  bgcolor="#ffffff" >
<div  id="bgclockshade"  style="position:absolute;visibility:visible;font-family:Arial;color:333333;font-size:120px;top:102px;left:152px"></div>
<div  id="bgclocknoshade"  style="position:absolute;visibility:visible;font-family:Arial;color:0099ff;font-size:120px;top:100px;left:150px"></div>
<div  id="mainbody"  style="position:absolute;  visibility:visible">
</div>
</body>



文本框里的时钟


<html>
<head>
<meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312">
<meta  name="GENERATOR"  content="Microsoft  FrontPage  4.0">
<meta  name="ProgId"  content="FrontPage.Editor.Document">
<title>简易时钟</title>
<script  language="JavaScript">
<!-- 
var  timerID  =  null
var  timerRunning  =  false 
function  stopclock(){
//  cannot  directly  test  timerID  on  DEC  OSF/1  in  beta  4.
if(timerRunning)
clearTimeout(timerID)
timerRunning  =  false
} 
function  startclock(){
//  Make  sure  the  clock  is  stopped
stopclock()
showtime()
} 
function  showtime(){
var  now  =  new  Date()
var  hours  =  now.getHours()
var  minutes  =  now.getMinutes()
var  seconds  =  now.getSeconds()
var  timeValue  =  ""  +  ((hours  >  12)  ?  hours  -  12  :  hours)
timeValue  +=  ((minutes  <  10)  ?  ":0"  :  ":")  +  minutes
timeValue  +=  ((seconds  <  10)  ?  ":0"  :  ":")  +  seconds
timeValue  +=  (hours  >=  12)  ?  "  P.M."  :  "  A.M."
document.clock.face.value  =  timeValue 
timerID  =  setTimeout("showtime()",1000)
timerRunning  =  true
}
//-->
</script> 
</head>
<body  bgcolor="#3366cc" >
<form  name="clock" >
<input  type="text"  name="face"  size="14">
</form> 
</body>
</html>


按钮时钟

<script  LANGUAGE="JavaScript">
<!--  Begin
day  =  new  Date();
miVisit  =  day.getTime();
function  clock()  {
today  =  new  Date();
hrNow  =  today.getHours();
mnNow  =  today.getMinutes();
scNow  =  today.getSeconds();
miNow  =  today.getTime();
if  (hrNow  ==  0)  {
hour  =  12;
ap  =  "A";
}  else  if(hrNow  <=  11)  {
ap  =  "A";
hour  =  hrNow;
}  else  if(hrNow  ==  12)  {
ap  =  "P";
hour  =  12;
}  else  if  (hrNow  >=  13)  {
hour  =  (hrNow  -  12);
ap  =  "P";
}
if  (hrNow  >=  13)  {
hour  =  hrNow  -  12;
}
if  (mnNow  <=  9)  {
min  =  "0"  +  mnNow;
}
else  (min  =  mnNow)
if  (scNow  <=  9)  {
secs  =  "0"  +  scNow;
}  else  {
secs  =  scNow;
}
time  =  hour  +  ":"  +  min  +  ":"  +  secs  +  ap;
document.form.button.value  =  time;
setTimeout('clock()',  1000);
}
function  timeInfo()  {
milliSince  =  miNow;
milliNow  =  miNow  -  miVisit;
secsVisit  =  Math.round(milliNow  /  1000);
minsVisit  =  (milliNow  /  1000)  /  60;
alert("给你提个醒：  "
+  "你已经在本页面上停留了大约"  +  minsVisit  +  "分或"
+  secsVisit  +  "秒");
}
document.write("<left><form  name=\"form\">"
+  "<input  type=button  value=\"Click  for  info!\""
+  "  name=button  onClick=\"timeInfo()\"></form></left>");
onError  =  null;
clock();
//  End  -->
</script>


石英钟


<SCRIPT  language=javascript>
pX=200;pY=100
obs  =  new  Array(13)
function  ob  ()  {
for  (i=0;  i<13;  i++)  {
if  (document.all)  obs=new  Array  (eval('ob'+i).style,-100,-100)
else  obs  =  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)))
  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)))
}
if  (document.all)  c0.style.pixelLeft=26
}

function  runClock()  {
for  (i=0;  i<13;  i++)  {
  obs[0].left=obs[1]+pX
  obs[0].top=obs[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[1]  =  Math.sin(sec)  *  (44  -  (i-1)*11)-16;
  if  (document.layers)obs[1]+=10;
  obs[2]  =  -Math.cos(sec)  *  (44  -  (i-1)*11)-27;
  }
  for  (i=6;i<10;i++)  {
  obs[1]  =  Math.sin(min)  *  (40  -  (i-6)*10)-16;
  if  (document.layers)obs[1]+=10;
  obs[2]  =  -Math.cos(min)  *  (40  -  (i-6)*10)-27;
  }
  for  (i=10;i<13;i++)  {
  obs[1]  =  Math.sin(hr)  *  (37  -  (i-10)*11)-16;
  if  (document.layers)obs[1]+=10;
  obs[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>
</head>
<body >
<div  align="center"  id="c0"  style="position:absolute;right:6;top:33px;  z-index:2;;  left:  24px"> 
</div>
                <div  id="c1"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>1</b></div>
                <div  id="c2"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>2</b></div>
                <div  id="c3"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>3</b></div>
                <div  id="c4"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>4</b></div>
                <div  id="c5"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>5</b></div>
                <div  id="c6"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>6</b></div>
                <div  id="c7"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>7</b></div>
                <div  id="c8"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>8</b></div>
                <div  id="c9"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>9</b></div>
                <div  id="c10"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>10</b></div>
                <div  id="c11"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>11</b></div>
                <div  id="c12"  style="position:absolute;left:20;top:-20;  z-index:5;font-size:11px;"><b>12</b></div>
                <div  id="ob0"  style="position:absolute;left:-20;top:-20;z-index:1">    </div>
                <div  id="ob1"  style="position:absolute;left:-20;top:-20;z-index:8">  <font  size="+3"  color="#0000FF"><b>.</b></font></div>
                <div  id="ob2"  style="position:absolute;left:-20;top:-20;z-index:8">  <font  size="+3"  color="#0000FF"><b>.</b></font></div>
                <div  id="ob3"  style="position:absolute;left:-20;top:-20;z-index:8">  <font  size="+3"  color="#0000FF"><b>.</b></font></div>
                <div  id="ob4"  style="position:absolute;left:-20;top:-20;z-index:8">  <font  size="+3"  color="#0000FF"><b>.</b></font></div>
               
<div  id="ob5"  style="position:absolute;left:-19px;top:31px;z-index:8">  <font  size="+3"  color="#0000FF"><b>.</b></font></div>
                <div  id="ob6"  style="position:absolute;left:-20;top:-20;z-index:7">  <font  size="+3"  color="#00FFFF"><b>.</b></font></div>
                <div  id="ob7"  style="position:absolute;left:-20;top:-20;z-index:7">  <font  size="+3"  color="#00FFFF"><b>.</b></font></div>
                <div  id="ob8"  style="position:absolute;left:-20;top:-20;z-index:7">  <font  size="+3"  color="#00FFFF"><b>.</b></font></div>
                <div  id="ob9"  style="position:absolute;left:-20;top:-20;z-index:7">  <font  size="+3"  color="#00FFFF"><b>.</b></font></div>
                <div  id="ob10"  style="position:absolute;left:-20;top:-20;z-index:6">  <font  size="+3"  color="#F30000"><b>.</b></font></div>
                <div  id="ob11"  style="position:absolute;left:-20;top:-20;z-index:6">  <font  size="+3"  color="#F30000"><b>.</b></font></div>
                <div  id="ob12"  style="position:absolute;left:-20;top:-20;z-index:6">  <font  size="+3"  color="#F30000"><b>.</b></font></div>
</body> 


跟随鼠标的钟


<SCRIPT  language=JavaScript> 
dCol='cc0000';//date  colour. 
fCol='0099ff';//face  colour. 
sCol='ff0000';//seconds  colour. 
mCol='0099ff';//minutes  colour. 
hCol='0099ff';//hours  colour. 
ClockHeight=40; 
ClockWidth=40; 
ClockFromMouseY=0; 
ClockFromMouseX=100; 
//Alter  nothing  below!  Alignments  will  be  lost! 
d=new  Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); 
m=new  Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); 
date=new  Date(); 
day=date.getDate(); 
year=date.getYear(); 
if  (year  <  2000)  year=year+1900; 
TodaysDate="  "+d[date.getDay()]+"  "+day+"  "+m[date.getMonth()]+"  "+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='tahoma'; 
size=1; 
speed=0.6; 
ns=(document.layers); 
ie=(document.all); 
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=0;x=0;Y=0;X=0} 
Dy=new  Array();Dx=new  Array();DY=new  Array();DX=new  Array(); 
for  (i=0;  i  <  D.length;  i++){Dy=0;Dx=0;DY=0;DX=0} 
if  (ns){ 
for  (i=0;  i  <  D.length;  i++) 
document.write('<layer  name="nsDate'+i+'"  top=0  left=0  height='+a+'  width='+a+'><center>'+props2+D+'</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+'</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>'+S+'</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>'+M+'</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>'+H+'</center></font></layer>'); 
} 
if  (ie){ 
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+'</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"  style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face+'</font></div>'); 
document.write('</div></div>'); 
document.write('<div  id="Oh"  style="position:absolute;top:0px;left:0px"><div  style="position:relative">'); 
for  (i=0;  i  <  H.length;  i++) 
document.write('<div  id="ieHours"  style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center">'+H+'</div>'); 
document.write('</div></div>'); 
document.write('<div  id="Om"  style="position:absolute;top:0px;left:0px"><div  style="position:relative">'); 
for  (i=0;  i  <  M.length;  i++) 
document.write('<div  id="ieMinutes"  style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center">'+M+'</div>'); 
document.write('</div></div>') 
document.write('<div  id="Os"  style="position:absolute;top:0px;left:0px"><div  style="position:relative">'); 
for  (i=0;  i  <  S.length;  i++) 
document.write('<div  id="ieSeconds"  style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center">'+S+'</div>'); 
document.write('</div></div>') 
} 
(ns)?window.captureEvents(Event.MOUSEMOVE):0; 
function  Mouse(evnt){ 
ymouse  =  (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; 
xmouse  =  (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; 
} 
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; 
function  ClockAndAssign(){ 
time  =  new  Date  (); 
secs  =  time.getSeconds(); 
sec  =  -1.57  +  Math.PI  *  secs/30; 
mins  =  time.getMinutes(); 
min  =  -1.57  +  Math.PI  *  mins/30; 
hr  =  time.getHours(); 
hrs  =  -1.575  +  Math.PI  *  hr/6+Math.PI*parseInt(time.getMinutes())/360;  if  (ie){ 
Od.style.top=window.document.body.scrollTop; 
Of.style.top=window.document.body.scrollTop; 
Oh.style.top=window.document.body.scrollTop; 
Om.style.top=window.document.body.scrollTop; 
Os.style.top=window.document.body.scrollTop; 
} 
for  (i=0;  i  <  n;  i++){ 
var  F=(ns)?document.layers['nsFace'+i]:ieFace.style; 
F.top=y  +  ClockHeight*Math.sin(-1.0471  +  i*Split*Math.PI/180)+scrll; 
F.left=x  +  ClockWidth*Math.cos(-1.0471  +  i*Split*Math.PI/180); 
} 
for  (i=0;  i  <  H.length;  i++){ 
var  HL=(ns)?document.layers['nsHours'+i]:ieHours.style; 
HL.top=y+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; 
HL.left=x+HandX+(i*HandWidth)*Math.cos(hrs); 
} 
for  (i=0;  i  <  M.length;  i++){ 
var  ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes.style; 
ML.top=y+HandY+(i*HandHeight)*Math.sin(min)+scrll; 
ML.left=x+HandX+(i*HandWidth)*Math.cos(min); 
} 
for  (i=0;  i  <  S.length;  i++){ 
var  SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds.style; 
SL.top=y+HandY+(i*HandHeight)*Math.sin(sec)+scrll; 
SL.left=x+HandX+(i*HandWidth)*Math.cos(sec); 
} 
for  (i=0;  i  <  D.length;  i++){ 
var  DL=(ns)?document.layers['nsDate'+i]:ieDate.style; 
DL.top=Dy  +  ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; 
DL.left=Dx  +  ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); 
} 
currStep-=step; 
} 
function  Delay(){ 
scrll=(ns)?window.pageYOffset:0; 
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); 
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); 
for  (i=1;  i  <  D.length;  i++){ 
Dy=Math.round(DY+=(Dy[i-1]-DY)*speed); 
Dx=Math.round(DX+=(Dx[i-1]-DX)*speed); 
} 
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); 
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); 
for  (i=1;  i  <  n;  i++){ 
y=Math.round(Y+=(y[i-1]-Y)*speed); 
x=Math.round(X+=(x[i-1]-X)*speed); 
} 
ClockAndAssign(); 
setTimeout('Delay()',20); 
} 
if  (ns||ie)window.onload=Delay; 
</SCRIPT>



标题栏显示动态时间


<SCRIPT  LANGUAGE="JavaScript">
<!--  Begin
var  clocktext;
var  pagetitle  =  document.title;
function  scroll()  {
today  =  new  Date();
sec  =  today.getSeconds();
hr  =  today.getHours();
min  =  today.getMinutes();
if  (hr  <=  9)  hr  =  "0"  +  hr;
if  (min  <=  9)  min  =  "0"  +  min;
if  (sec  <=  9)  sec  =  "0"  +  sec;
var  clocktext  =  "  现在时间是:  "  +  hr  +  ":"  +  min  +  ":"  +  sec;
clocktimer  =  setTimeout("scroll()",  1000);
document.title  =  pagetitle  +  clocktext;
}
if  (document.all)  scroll();
//    End  -->
</script>



状态栏显示时间


<title>  在状态栏上显示时间  </title>
<SCRIPT  LANGUAGE="JavaScript">
<!--  Hide
            timeID  =  null;
            timeRunning  =  false;
function  stop  ()  {
            if(timeRunning)
                        clearTimeout(timeID);
            timeRunning  =  false;
}
function  time  ()  {
            tick  =  new  Date();
            hours  =  tick.getHours();
            minutes  =  tick.getMinutes();
            seconds  =  tick.getSeconds();
            day  =  tick.getDay();
            month  =  tick.getMonth();
            date  =  tick.getDate();
            year  =  tick.getYear();
            current  =  ""  +  ((hours  >12)  ?  hours  -12  :hours)
            current  +=  ((minutes  <  10)  ?  ":0"  :  ":")  +  minutes
            current  +=  ((seconds  <  10)  ?  ":0"  :  ":")  +  seconds
            current  +=  (hours  >=  12)  ?  "  P.M."  :  "  A.M."
            if(day==0){var  weekday  =  "  星期日"}
            if(day==1){var  weekday  =  "  星期一"}
            if(day==2){var  weekday  =  "  星期二"}
            if(day==3){var  weekday  =  "  星期三"}
            if(day==4){var  weekday  =  "  星期四"}
            if(day==5){var  weekday  =  "  星期五"}
            if(day==6){var  weekday  =  "  星期六"}
            current  +=(weekday)
            window.status=current;
            timeID  =  setTimeout("time()",1000);
            timeRunning  =  true;
}
function  run(){
            stop();
            time();
}
//-->
</SCRIPT>
</head>
<BODY >



带倒影的时钟


<title>  带有倒影的时间  </title>
<html>
<head>
<style  type="text/css">
<!-- 
.time{
font-family  :  Comic  Sans  Ms;
font-size  :  14pt;
font-weight  :  bold;
color:  #00008D;
}
-->
</style>
<style  type="text/css">
<!-- 
.time{
font-family  :  Comic  Sans  Ms;
font-size  :  14pt;
font-weight  :  bold;
color:  #00008D;
}
-->
</style>
</head>
<script  Language="JavaScript">
<!--  Hiding
var  ctimer;

function  init(){
if  (document.all){
tim2.style.left=tim1.style.posLeft;
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
settimes();
}
}

function  settimes(){
var  time=  new  Date();
hours=  time.getHours();
mins=  time.getMinutes();
secs=  time.getSeconds();
if  (hours<10)
hours="0"+hours;
if(mins<10)
mins="0"+mins;
if  (secs<10)
secs="0"+secs;
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
ctimer=setTimeout('settimes()',960);}
//  -->
</script>
<body >
<div  align="center"  Id="tim1"  Style="position:absolute;  width:10;  height:10;  top:10;  left:50"
class="time"></div><div  Id="tim2"
Style="position:absolute;  filter:flipv()  alpha(opacity=20);  font-style:italic"
class="time"></div>
</body>
<script  Language="JavaScript">
<!--  Hiding
var  ctimer;

function  init(){
if  (document.all){
tim2.style.left=tim1.style.posLeft;
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
settimes();
}
}

function  settimes(){
var  time=  new  Date();
hours=  time.getHours();
mins=  time.getMinutes();
secs=  time.getSeconds();
if  (hours<10)
hours="0"+hours;
if(mins<10)
mins="0"+mins;
if  (secs<10)
secs="0"+secs;
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
ctimer=setTimeout('settimes()',960);
}
//  -->
  </script>
</html> 
<div  id="Layer551"  style="position:absolute;  left:585px;  top:6px;  width:200px;  height:52px;  z-index:1"> 


农历时间显示


<script  language="JavaScript">
var  bsYear;
var  bsDate;
var  bsWeek;
var  arrLen=8; //数组长度
var  sValue=0; //当年的秒数
var  dayiy=0; //当年第几天
var  miy=0; //月份的下标
var  iyear=0; //年份标记
var  dayim=0; //当月第几天
var  spd=86400; //每天的秒数

var  year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354
var  year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354
var  year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384
var  year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354
var  year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355
var  year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384
var  year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354
var  year2006="30;29;30;29;30;30;29;29;30;30;29;29;30";

var  month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var  month2001="正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var  month2004="正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"
var  month2006="正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月"
var  Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";

var  Ys=new  Array(arrLen);
Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600;
Ys[3]=1013443200;Ys[4]=1044028800;Ys[5]=1074700800;
Ys[6]=1107878400;Ys[7]=1138464000;

var  Yn=new  Array(arrLen);      //农历年的名称
Yn[0]="己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年";
Yn[3]="壬午年";Yn[4]="癸未年";Yn[5]="甲申年";
Yn[6]="乙酉年";Yn[7]="丙戌年";
var  D=new  Date();
var  yy=D.getYear();
var  mm=D.getMonth()+1;
var  dd=D.getDate();
var  ww=D.getDay();
if  (ww==0)  ww="<font  color=RED>星期日</font>";
if  (ww==1)  ww="星期一";
if  (ww==2)  ww="星期二";
if  (ww==3)  ww="星期三";
if  (ww==4)  ww="星期四";
if  (ww==5)  ww="星期五";
if  (ww==6)  ww="<font  color=green>星期六</font>";
ww=ww;
var  ss=parseInt(D.getTime()  /  1000);
if  (yy<100)  yy="19"+yy;

for  (i=0;i<arrLen;i++)
if  (ss>=Ys){
iyear=i;
sValue=ss-Ys;        //当年的秒数
}
dayiy=parseInt(sValue/spd)+1;        //当年的天数

var  dpm=year1999;
if  (iyear==1)  dpm=year2000;
if  (iyear==2)  dpm=year2001;
if  (iyear==3)  dpm=year2002;
if  (iyear==4)  dpm=year2003;
if  (iyear==5)  dpm=year2004;
if  (iyear==6)  dpm=year2005;
if  (iyear==7)  dpm=year2006;
dpm=dpm.split(";");

var  Mn=month1999;
if  (iyear==2)  Mn=month2001;
if  (iyear==5)  Mn=month2004;
if  (iyear==7)  Mn=month2006;
Mn=Mn.split(";");

var  Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";
Dn=Dn.split(";");

dayim=dayiy;

var  total=new  Array(13);
total[0]=parseInt(dpm[0]);
for  (i=1;i<dpm.length-1;i++)  total=parseInt(dpm)+total[i-1];
for  (i=dpm.length-1;i>0;i--)
if  (dayim>total[i-1]){
dayim=dayim-total[i-1];
miy=i;
}
bsWeek=ww;
bsDate=yy+"年"+mm+"月";
bsDate2=dd;
bsYear="农历"+Yn[iyear];
bsYear2=Mn[miy]+Dn[dayim-1];
if  (ss>=Ys[7]||ss<Ys[0])  bsYear=Yn[7];
function  time(){
document.write("<table  border='0'  style='font-size:  8pt;  font-family:Tahoma'  cellspacing='0'  width='90'  bordercolor='#cccccc'    height='110'  cellpadding='0'");
document.write("<tr><td  align='center'  style='border:  1  solid  #0099ff;padding-top:4px'><b><font  color=#3366cc>"+bsDate+"</font><br><span  style='font-family:  Arial  Black;font-size:18pt;color:#FF0000'>"+bsDate2+"</span><br><br><span  style='FONT-SIZE:  10.5pt;color:#000000'>");
document.write(bsWeek+"</span><br>"+"<hr  width='60'  ></b><font  color=#666666>");
document.write(bsYear+"<br>"+bsYear2+"</td></tr></table>");
}
</script>

<script>time()</script>

金诚论坛，畅所欲言的论坛，大家的论坛！ 金诚交通-工程师之家（http://www.jcjtbook.com）