正常时间显示


复制代码
<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> ');
document.write('<font  id="calendarClock2"  >  </font>,');
document.write('<font  id="calendarClock3"  >  </font> ');
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>
复制代码
背景时钟

View Code
文本框里的时钟


复制代码
<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"  οnlοad="startclock()">
<form  name="clock"  οnsubmit="0">
<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[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)))
        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[i][0].left=obs[i][1]+pX
        obs[i][0].top=obs[i][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[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);
}
//-->
</SCRIPT>
</head>
<body  onLoad="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)">
<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[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}  
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[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>'+S[i]+'</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[i]+'</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[i]+'</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[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"  style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</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[i]+'</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[i]+'</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[i]+'</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.οnmοusemοve=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[i].style;  
F.top=y[i]  +  ClockHeight*Math.sin(-1.0471  +  i*Split*Math.PI/180)+scrll;  
F.left=x[i]  +  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[i].style;  
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;  
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);  
}  
for  (i=0;  i  <  M.length;  i++){  
var  ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;  
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;  
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);  
}  
for  (i=0;  i  <  S.length;  i++){  
var  SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;  
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;  
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);  
}  
for  (i=0;  i  <  D.length;  i++){  
var  DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;  
DL.top=Dy[i]  +  ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;  
DL.left=Dx[i]  +  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[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);  
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*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[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);  
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);  
}  
ClockAndAssign();  
setTimeout('Delay()',20);  
}  
if  (ns||ie)window.οnlοad=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  onLoad="run();  timerONE=window.setTimeout">
复制代码
带倒影的时钟


复制代码
<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  onLoad="init()">
<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[i]){
iyear=i;
sValue=ss-Ys[i];        //当年的秒数
}
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[i]=parseInt(dpm[i])+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>
复制代码
极品万年历


复制代码
<title>  极品万年历  </title>
<BODY  οnlοad=initial()>
<SCRIPT  language=JavaScript>
<!--
/*****************************************************************************
日期资料
*****************************************************************************/

var  lunarInfo=new  Array(
0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,
0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,
0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,
0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,
0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,
0x06ca0,0x0b550,0x15355,0x04da0,0x0a5d0,0x14573,0x052d0,0x0a9a8,0x0e950,0x06aa0,
0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0,
0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b5a0,0x195a6,
0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,
0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0,
0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5,
0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930,
0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530,
0x05aa0,0x076a3,0x096d0,0x04bd7,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45,
0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0)

var  solarMonth=new  Array(31,28,31,30,31,30,31,31,30,31,30,31);
var  Gan=new  Array("甲","乙","丙","丁","戊","己","庚","辛","壬","癸");
var  Zhi=new  Array("子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥");
var  Animals=new  Array("鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪");
var  solarTerm  =  new  Array("小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至")
var  sTermInfo  =  new  Array(0,21208,42467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758)
var  nStr1  =  new  Array('日','一','二','三','四','五','六','七','八','九','十')
var  nStr2  =  new  Array('初','十','廿','卅',' ')
var  monthName  =  new  Array("1  月","2  月","3  月","4  月","5  月","6  月","7  月","8  月","9  月","10  月","11  月","12  月");

//国历节日  *表示放假日
var  sFtv  =  new  Array(
"0101*元旦",
"0214  情人节",
"0308  妇女节",
"0312  植树节",
"0315  消费者权益日",
"0401  愚人节",
"0501  劳动节",
"0504  青年节",
"0509  郝维节",
"0512  护士节",
"0601  儿童节",
"0701  建党节  香港回归纪念",
"0801  建军节",
"0808  父亲节",
"0816  燕衔泥节",
"0909  逝世纪念",
"0910  教师节",
"0928  孔子诞辰",
"1001*国庆节",
"1006  老人节",
"1024  联合国日",
"1112  孙中山诞辰纪念",
"1220  澳门回归纪念",
"1225  圣诞节",
"1226  诞辰纪念")

//农历节日  *表示放假日
var  lFtv  =  new  Array(
"0101*春节、弥勒佛圣诞!",
"0106  定光佛圣诞",
"0115  元宵节",
"0208  释迦牟尼佛出家",
"0215  释迦牟尼佛涅槃",
"0209  海空上师生日!",
"0219  观世音菩萨圣诞",
"0221  普贤菩萨圣诞",
"0316  准提菩萨圣诞",
"0404  文殊菩萨圣诞",
"0408  释迦牟尼佛圣诞",
"0415  佛吉祥日——释迦牟尼佛诞生、成道、涅槃三期同一庆(即南传佛教国家的卫塞节)",
"0505  端午节",
"0513  伽蓝菩萨圣诞",
"0603  护法韦驮尊天菩萨圣诞",
"0619  观世音菩萨成道——此日放生、念佛,功德殊胜",
"0707  七夕情人节",
"0713  大势至菩萨圣诞",
"0715  中元节",
"0724  龙树菩萨圣诞",
"0730  地藏菩萨圣诞",
"0815  中秋节",
"0822  燃灯佛圣诞",
"0909  重阳节",
"0919  观世音菩萨出家纪念日",
"0930  药师琉璃光如来圣诞",
"1005  达摩祖师圣诞",
"1107  阿弥陀佛圣诞",
"1208  释迦如来成道日,腊八节",
"1224  小年",
"1229  华严菩萨圣诞",
"0100*除夕")

//某月的第几个星期几
var  wFtv  =  new  Array(
"0520  母亲节",
"0716  合作节",
"0730  被奴役国家周")

/*****************************************************************************
日期计算
*****************************************************************************/

//======================================  传回农历  y年的总天数
function  lYearDays(y)  {
var  i,  sum  =  348
for(i=0x8000;  i>0x8;  i>>=1)  sum  +=  (lunarInfo[y-1900]  &  i)?  1:  0
return(sum+leapDays(y))
}

//======================================  传回农历  y年闰月的天数
function  leapDays(y)  {
if(leapMonth(y))    return((lunarInfo[y-1900]  &  0x10000)?  30:  29)
else  return(0)
}

//======================================  传回农历  y年闰哪个月  1-12  ,  没闰传回  0
function  leapMonth(y)  {
return(lunarInfo[y-1900]  &  0xf)
}

//======================================  传回农历  y年m月的总天数
function  monthDays(y,m)  {
return(  (lunarInfo[y-1900]  &  (0x10000>>m))?  30:  29  )
}

//======================================  算出农历,  传入日期物件,  传回农历日期物件
//                                                                              该物件属性有  .year  .month  .day  .isLeap  .yearCyl  .dayCyl  .monCyl
function  Lunar(objDate)  {

var  i,  leap=0,  temp=0
var  baseDate  =  new  Date(1900,0,31)
var  offset      =  (objDate  -  baseDate)/86400000

this.dayCyl  =  offset  +  40
this.monCyl  =  14

for(i=1900;  i<2050  &&  offset>0;  i++)  {
temp  =  lYearDays(i)
offset  -=  temp
this.monCyl  +=  12
}

if(offset<0)  {
offset  +=  temp;
i--;
this.monCyl  -=  12
}

this.year  =  i
this.yearCyl  =  i-1864

leap  =  leapMonth(i)  //闰哪个月
this.isLeap  =  false

for(i=1;  i<13  &&  offset>0;  i++)  {
//闰月
if(leap>0  &&  i==(leap+1)  &&  this.isLeap==false)
{  --i;  this.isLeap  =  true;  temp  =  leapDays(this.year);  }
else
{  temp  =  monthDays(this.year,  i);  }

//解除闰月
if(this.isLeap==true  &&  i==(leap+1))  this.isLeap  =  false

offset  -=  temp
if(this.isLeap  ==  false)  this.monCyl  ++
}

if(offset==0  &&  leap>0  &&  i==leap+1)
if(this.isLeap)
{  this.isLeap  =  false;  }
else
{  this.isLeap  =  true;  --i;  --this.monCyl;}

if(offset<0){  offset  +=  temp;  --i;  --this.monCyl;  }

this.month  =  i
this.day  =  offset  +  1
}

//==============================传回国历  y年某m+1月的天数
function  solarDays(y,m)  {
if(m==1)
return(((y%4  ==  0)  &&  (y%100  !=  0)  ||  (y%400  ==  0))?  29:  28)
else
return(solarMonth[m])
}
//==============================  传入  offset  传回干支,  0=甲子
function  cyclical(num)  {
return(Gan[num%10]+Zhi[num%12])
}

//==============================  月历属性
function  calElement(sYear,sMonth,sDay,week,lYear,lMonth,lDay,isLeap,cYear,cMonth,cDay)  {

this.isToday        =  false;
//国历
this.sYear            =  sYear;
this.sMonth          =  sMonth;
this.sDay              =  sDay;
this.week              =  week;
//农历
this.lYear            =  lYear;
this.lMonth          =  lMonth;
this.lDay              =  lDay;
this.isLeap          =  isLeap;
//干支
this.cYear            =  cYear;
this.cMonth          =  cMonth;
this.cDay              =  cDay;

this.color            =  '';

this.lunarFestival  =  '';  //农历节日
this.solarFestival  =  '';  //国历节日
this.solarTerms        =  '';  //节气

}

//=====  某年的第n个节气为几日(从0小寒起算)
function  sTerm(y,n)  {
var  offDate  =  new  Date(  (  31556925974.7*(y-1900)  +  sTermInfo[n]*60000    )  +  Date.UTC(1900,0,6,2,5)  )
return(offDate.getUTCDate())
}

//==============================  传回月历物件  (y年,m+1月)
function  calendar(y,m)  {

var  sDObj,  lDObj,  lY,  lM,  lD=1,  lL,  lX=0,  tmp1,  tmp2
var  lDPOS  =  new  Array(3)
var  n  =  0
var  firstLM  =  0

sDObj  =  new  Date(y,m,1)                        //当月一日日期

this.length        =  solarDays(y,m)        //国历当月天数
this.firstWeek  =  sDObj.getDay()        //国历当月1日星期几


for(var  i=0;i<this.length;i++)  {

if(lD>lX)  {
sDObj  =  new  Date(y,m,i+1)        //当月一日日期
lDObj  =  new  Lunar(sDObj)          //农历
lY        =  lDObj.year                      //农历年
lM        =  lDObj.month                    //农历月
lD        =  lDObj.day                        //农历日
lL        =  lDObj.isLeap                  //农历是否闰月
lX        =  lL?  leapDays(lY):  monthDays(lY,lM)  //农历当月最後一天

if(n==0)  firstLM  =  lM
lDPOS[n++]  =  i-lD+1
}

//sYear,sMonth,sDay,week,
//lYear,lMonth,lDay,isLeap,
//cYear,cMonth,cDay
this[i]  =  new  calElement(y,  m+1,  i+1,  nStr1[(i+this.firstWeek)%7],
lY,  lM,  lD++,  lL,
cyclical(lDObj.yearCyl)  ,cyclical(lDObj.monCyl),  cyclical(lDObj.dayCyl++)  )


if((i+this.firstWeek)%7==0)      this[i].color  =  'red'    //周日颜色
if((i+this.firstWeek)%14==13)  this[i].color  =  'red'    //周休二日颜色
}

//节气
tmp1=sTerm(y,m*2    )-1
tmp2=sTerm(y,m*2+1)-1
this[tmp1].solarTerms  =  solarTerm[m*2]
this[tmp2].solarTerms  =  solarTerm[m*2+1]
if(m==3)  this[tmp1].color  =  'red'  //清明颜色

//国历节日
for(i  in  sFtv)
if(sFtv[i].match(/^(\d{2})(\d{2})([\s\*])(.+)$/))
if(Number(RegExp.$1)==(m+1))  {
this[Number(RegExp.$2)-1].solarFestival  +=  RegExp.$4  +  '  '
if(RegExp.$3=='*')  this[Number(RegExp.$2)-1].color  =  'red'
}

//月周节日
for(i  in  wFtv)
if(wFtv[i].match(/^(\d{2})(\d)(\d)([\s\*])(.+)$/))
if(Number(RegExp.$1)==(m+1))  {
tmp1=Number(RegExp.$2)
tmp2=Number(RegExp.$3)
this[((this.firstWeek>tmp2)?7:0)  +  7*(tmp1-1)  +  tmp2  -  this.firstWeek].solarFestival  +=  RegExp.$5  +  '  '
}

//农历节日
for(i  in  lFtv)
if(lFtv[i].match(/^(\d{2})(.{2})([\s\*])(.+)$/))  {
tmp1=Number(RegExp.$1)-firstLM
if(tmp1==-11)  tmp1=1
if(tmp1  >=0  &&  tmp1<n)  {
tmp2  =  lDPOS[tmp1]  +  Number(RegExp.$2)  -1
if(  tmp2  >=  0  &&  tmp2<this.length)  {
this[tmp2].lunarFestival  +=  RegExp.$4  +  '  '
if(RegExp.$3=='*')  this[tmp2].color  =  'red'
}
}
}

//黑色星期五
if((this.firstWeek+12)%7==5)
this[12].solarFestival  +=  '黑色星期五  '

//今日
if(y==tY  &&  m==tM)  this[tD-1].isToday  =  true;

}

//======================  中文日期
function  cDay(d){
var  s;

switch  (d)  {
case  10:
s  =  '初十';  break;
case  20:
s  =  '二十';  break;
break;
case  30:
s  =  '三十';  break;
break;
default  :
s  =  nStr2[Math.floor(d/10)];
s  +=  nStr1[d%10];
}
return(s);
}
var  cld;

function  drawCld(SY,SM)  {
var  i,sD,s,size;
cld  =  new  calendar(SY,SM);

if(SY>1874  &&  SY<1909)  yDisplay  =  '光绪'  +  (((SY-1874)==1)?'元':SY-1874)
if(SY>1908  &&  SY<1912)  yDisplay  =  '宣统'  +  (((SY-1908)==1)?'元':SY-1908)
if(SY>1911  &&  SY<1950)  yDisplay  =  '民国'  +  (((SY-1911)==1)?'元':SY-1911)
if(SY>1949)  yDisplay  =  '共和国'  +  (((SY-1949)==1)?'元':SY-1949)

GZ.innerHTML  =  yDisplay  +'年  农历'  +  cyclical(SY-1900+36)  +  '年    【'+Animals[(SY-4)%12]+'】';

YMBG.innerHTML  =  " "  +  SY  +  "<BR> "  +  monthName[SM];


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

sObj=eval('SD'+  i);
lObj=eval('LD'+  i);

sObj.className  =  '';

sD  =  i  -  cld.firstWeek;

if(sD>-1  &&  sD<cld.length)  {  //日期内
sObj.innerHTML  =  sD+1;

if(cld[sD].isToday)  sObj.className  =  'todyaColor';  //今日颜色

sObj.style.color  =  cld[sD].color;  //国定假日颜色

if(cld[sD].lDay==1)  //显示农历月
lObj.innerHTML  =  '<b>'+(cld[sD].isLeap?'闰':'')  +  cld[sD].lMonth  +  '月'  +  (monthDays(cld[sD].lYear,cld[sD].lMonth)==29?'小':'大')+'</b>';
else  //显示农历日
lObj.innerHTML  =  cDay(cld[sD].lDay);

s=cld[sD].lunarFestival;
if(s.length>0)  {  //农历节日
if(s.length>6)  s  =  s.substr(0,  4)+'…';
s  =  s.fontcolor('red');
}
else  {  //国历节日
s=cld[sD].solarFestival;
if(s.length>0)  {
size  =  (s.charCodeAt(0)>0  &&  s.charCodeAt(0)<128)?8:4;
if(s.length>size+2)  s  =  s.substr(0,  size)+'…';
s  =  s.fontcolor('blue');
}
else  {  //廿四节气
s=cld[sD].solarTerms;
if(s.length>0)  s  =  s.fontcolor('limegreen');
}
}
if(s.length>0)  lObj.innerHTML  =  s;

}
else  {  //非日期
sObj.innerHTML  =  '';
lObj.innerHTML  =  '';
}
}
}


function  changeCld()  {
var  y,m;
y=CLD.SY.selectedIndex+1900;
m=CLD.SM.selectedIndex;
drawCld(y,m);
}

function  pushBtm(K)  {
switch  (K){
case  'YU'  :
if(CLD.SY.selectedIndex>0)  CLD.SY.selectedIndex--;
break;
case  'YD'  :
if(CLD.SY.selectedIndex<149)  CLD.SY.selectedIndex++;
break;
case  'MU'  :
if(CLD.SM.selectedIndex>0)  {
CLD.SM.selectedIndex--;
}
else  {
CLD.SM.selectedIndex=11;
if(CLD.SY.selectedIndex>0)  CLD.SY.selectedIndex--;
}
break;
case  'MD'  :
if(CLD.SM.selectedIndex<11)  {
CLD.SM.selectedIndex++;
}
else  {
CLD.SM.selectedIndex=0;
if(CLD.SY.selectedIndex<149)  CLD.SY.selectedIndex++;
}
break;
default  :
CLD.SY.selectedIndex=tY-1900;
CLD.SM.selectedIndex=tM;
}
changeCld();
}



var  Today  =  new  Date();
var  tY  =  Today.getFullYear();
var  tM  =  Today.getMonth();
var  tD  =  Today.getDate();
//

var  width  =  "130";
var  offsetx  =  2;
var  offsety  =  16;

var  x  =  0;
var  y  =  0;
var  snow  =  0;
var  sw  =  0;
var  cnt  =  0;

var  dStyle;
document.onmousemove  =  mEvn;

//显示详细日期资料
function  mOvr(v)  {
var  s,festival;
var  sObj=eval('SD'+  v);
var  d=sObj.innerHTML-1;

//sYear,sMonth,sDay,week,
//lYear,lMonth,lDay,isLeap,
//cYear,cMonth,cDay

if(sObj.innerHTML!='')  {

sObj.style.cursor  =  's-resize';

if(cld[d].solarTerms  ==  ''  &&  cld[d].solarFestival  ==  ''  &&  cld[d].lunarFestival  ==  '')
festival  =  '';
else
festival  =  '<TABLE  WIDTH=100%  BORDER=0  CELLPADDING=2  CELLSPACING=0  BGCOLOR="#CCFFCC"><TR><TD>'+
'<FONT  COLOR="#000000"  STYLE="font-size:9pt;">'+cld[d].solarTerms  +  '  '  +  cld[d].solarFestival  +  '  '  +  cld[d].lunarFestival+'</FONT></TD>'+'</TR></TABLE>';

s=  '<TABLE  WIDTH="130"  BORDER=0  CELLPADDING="2"  CELLSPACING=0  BGCOLOR="#000066"><TR><TD>'  +
'<TABLE  WIDTH=100%  BORDER=0  CELLPADDING=0  CELLSPACING=0><TR><TD  ALIGN="right"><FONT  COLOR="#ffffff"  STYLE="font-size:9pt;">'+
cld[d].sYear+'  年  '+cld[d].sMonth+'  月  '+cld[d].sDay+'  日<br>星期'+cld[d].week+'<br>'+
'<font  color="violet">农历'+(cld[d].isLeap?'闰  ':'  ')+cld[d].lMonth+'  月  '+cld[d].lDay+'  日</font><br>'+
'<font  color="yellow">'+cld[d].cYear+'年  '+cld[d].cMonth+'月  '+cld[d].cDay  +  '日</font>'+
'</FONT></TD></TR></TABLE>'+  festival  +'</TD></TR></TABLE>';


document.all["detail"].innerHTML  =  s;

if  (snow  ==  0)  {
dStyle.left  =  x+offsetx-(width/2);
dStyle.top  =  y+offsety;
dStyle.visibility  =  "visible";
snow  =  1;
}
}
}

//清除详细日期资料
function  mOut()  {
if  (  cnt  >=  1  )  {  sw  =  0  }
if  (  sw  ==  0  )  {  snow  =  0;    dStyle.visibility  =  "hidden";}
else  cnt++;
}

//取得位置
function  mEvn()  {
x=event.x;
y=event.y;
if  (document.body.scrollLeft)
{x=event.x+document.body.scrollLeft;  y=event.y+document.body.scrollTop;}
if  (snow){
dStyle.left  =  x+offsetx-(width/2)
dStyle.top  =  y+offsety
}
}

///

function  changeTZ()  {
CITY.innerHTML  =  CLD.TZ.value.substr(6)
setCookie("TZ",CLD.TZ.selectedIndex)
}

function  tick()  {
var  today
today  =  new  Date()
Clock.innerHTML  =  today.toLocaleString().replace(/(年|月)/g,  "/").replace(/日/,  "");
Clock.innerHTML  =  TimeAdd(today.toGMTString(),  CLD.TZ.value)
window.setTimeout("tick()",  1000);
}

function  setCookie(name,  value)  {
var  today  =  new  Date()
var  expires  =  new  Date()
expires.setTime(today.getTime()  +  1000*60*60*24*365)
document.cookie  =  name  +  "="  +  escape(value)    +  ";  expires="  +  expires.toGMTString()
}

function  getCookie(Name)  {
var  search  =  Name  +  "="
if(document.cookie.length  >  0)  {
offset  =  document.cookie.indexOf(search)
if(offset  !=  -1)  {
offset  +=  search.length
end  =  document.cookie.indexOf(";",  offset)
if(end  ==  -1)  end  =  document.cookie.length
return  unescape(document.cookie.substring(offset,  end))
}
else  return  ""
}
}

/////

function  initial()  {
dStyle  =  detail.style;
CLD.SY.selectedIndex=tY-1900;
CLD.SM.selectedIndex=tM;
drawCld(tY,tM);

CLD.TZ.selectedIndex=getCookie("TZ");
changeTZ();
tick();
}



//-->
</SCRIPT>

<SCRIPT  language=VBScript>
<!--
'=====  算世界时间
Function  TimeAdd(UTC,T)
Dim  PlusMinus,  DST,  y
If  Left(T,1)="-"  Then  PlusMinus  =  -1  Else  PlusMinus  =  1
UTC=Right(UTC,Len(UTC)-5)
UTC=Left(UTC,Len(UTC)-4)
y  =  Year(UTC)
TimeAdd=DateAdd("n",  (Cint(Mid(T,2,2))*60  +  Cint(Mid(T,4,2)))  *  PlusMinus,  UTC)
'美国日光节约期间:  4月第一个星日00:00  至  10月最後一个星期日00:00
If  Mid(T,6,1)="*"  And  DateSerial(y,4,(9  -  Weekday(DateSerial(y,4,1))  mod  7)  )  <=  TimeAdd  And  DateSerial(y,10,31  -  Weekday(DateSerial(y,10,31)))  >=  TimeAdd  Then
TimeAdd=CStr(DateAdd("h",  1,  TimeAdd))
tSave.innerHTML  =  "R"
Else
tSave.innerHTML  =  ""
End  If
TimeAdd  =  CStr(TimeAdd)
End  Function
'-->
</SCRIPT>

<STYLE>.todyaColor  {
    BACKGROUND-COLOR:  aqua
}
</STYLE>
<SCRIPT  language=JavaScript><!--
if(navigator.appName  ==  "Netscape"  ||  parseInt(navigator.appVersion)  <  4)
document.write("<h1>你的浏览器无法执行此程序。</h1>此程序在  IE4  以后的版本才能执行!!")
//--></SCRIPT>

<DIV  id=detail  style="POSITION:  absolute"></DIV>
<CENTER>
<FORM  name=CLD>
<TABLE>
    <TBODY>
    <TR>
        <TD  vAlign=top  align=middle><FONT  color=#ff6633  size=3>
            <SCRIPT  language=JavaScript>
var  enabled  =  0;  today  =  new  Date();
var  day;  var  date;
if(today.getDay()==0)  day  =  "星期日"
if(today.getDay()==1)  day  =  "星期一"
if(today.getDay()==2)  day  =  "星期二"
if(today.getDay()==3)  day  =  "星期三"
if(today.getDay()==4)  day  =  "星期四"
if(today.getDay()==5)  day  =  "星期五"
if(today.getDay()==6)  day  =  "星期六"
document.fgColor  =  "000000";
date  =  "  佛历  "  +  (today.getYear()+544)  +  "  年  "  +
(today.getMonth()  +  1  )  +  "月  "  +  today.getDate()  +  "日  "  +
day  +"";
document.write(date)
</SCRIPT>
            </FONT><BR><FONT  style="FONT-SIZE:  9pt"  size=2>本地时间:</FONT><BR><FONT  
            id=Clock  face=Arial  color=#000080  size=4  align="center"></FONT>
            <P><!--时区  *表示自动调整为日光节约时间--><FONT  style="FONT-SIZE:  9pt"  size=2><SELECT  
            style="FONT-SIZE:  9pt"  οnchange=changeTZ()  name=TZ>  <OPTION  
                value="-1200  安尼威土克、瓜甲兰"  selected>国际换日线<OPTION  
                value="-1100  中途岛、萨摩亚群岛">萨摩亚<OPTION  value="-1000  夏威夷">夏威夷<OPTION  
                value=-0900*阿拉斯加>阿拉斯加<OPTION  value=-0800*太平洋时间(美加)、提亚纳>太平洋<OPTION  
                value="-0700  亚历桑那">美国山区<OPTION  value=-0700*山区时间(美加)>美加山区<OPTION  
                value=-0600*萨克其万(加拿大)>加拿大中部<OPTION  value=-0600*墨西哥市、塔克西卡帕>墨西哥<OPTION  
                value=-0600*中部时间(美加)>美加中部<OPTION  value=-0500*波哥大、里玛>南美洲太平洋<OPTION  
                value=-0500*东部时间(美加)>美加东部<OPTION  value=-0500*印第安纳(东部)>美东<OPTION  
                value=-0400*加拉卡斯、拉帕兹>南美洲西部<OPTION  value="-0400*大西洋时间  加拿大)">大西洋<OPTION  
                value="-0330  新岛(加拿大东岸)">纽芬兰<OPTION  value="-0300  波西尼亚">东南美洲<OPTION  
                value="-0300  布鲁诺斯爱丽斯、乔治城">南美洲东部<OPTION  value=-0200*大西洋中部>大西洋中部<OPTION  
                value=-0100*亚速尔群岛、维德角群岛>亚速尔<OPTION  
                value="+0000  格林威治时间、都柏林、爱丁堡、伦敦">英国夏令<OPTION  
                value="+0000  莫洛维亚(赖比瑞亚)、卡萨布兰卡">格林威治标准<OPTION  
                value="+0100  巴黎、马德里">罗马<OPTION  value="+0100  布拉格,  华沙,  布达佩斯">中欧<OPTION  
                value="+0100  柏林、斯德哥尔摩、罗马、伯恩、布鲁赛尔、维也纳">西欧<OPTION  
                value="+0200  以色列">以色列<OPTION  value=+0200*东欧>东欧<OPTION  
                value=+0200*开罗>埃及<OPTION  value=+0200*雅典、赫尔辛基、伊斯坦堡>GFT<OPTION  
                value=+0200*赫拉雷、皮托里>南非<OPTION  
                value=+0300*巴格达、科威特、奈洛比(肯亚)、里雅德(沙乌地)>沙乌地阿拉伯<OPTION  
                value=+0300*莫斯科、圣彼得堡、贺占、窝瓦格瑞德>俄罗斯<OPTION  value=+0330*德黑兰>伊朗<OPTION  
                value=+0400*阿布达比(东阿拉伯)、莫斯凯、塔布理斯(乔治亚共和)>阿拉伯<OPTION  
                value=+0430*喀布尔>阿富汗<OPTION  value="+0500  伊斯兰马巴德、克洛奇、伊卡特林堡、塔须肯">西亚<OPTION  
                value="+0530  孟买、加尔各答、马垂斯、新德里、可伦坡">印度<OPTION  
                value="+0600  阿马提、达卡">中亚<OPTION  value="+0700  曼谷、亚加达、胡志明市">曼谷<OPTION  
                value="+0800  北京、重庆、黑龙江">中国<OPTION  value="+0800  台湾、香港、新加坡">台北<OPTION  
                value="+0900  东京、大阪、扎幌、汉城、亚库兹(东西伯利亚)">东京<OPTION  
                value="+0930  达尔文">澳洲中部<OPTION  value="+1000  布里斯本、墨尔本、席德尼">席德尼<OPTION  
                value="+1000  霍巴特">塔斯梅尼亚<OPTION  value="+1000  关岛、莫斯比港、海 威">西太平洋<OPTION  
                value=+1100*马哥大、所罗门群岛、新卡伦多尼亚>太平洋中部<OPTION  
                value="+1200  威灵顿、奥克兰">纽西兰<OPTION  
            value="+1200  斐济、肯加塔、马歇尔群岛">斐济</OPTION></SELECT>时间</FONT>  <FONT  id=tSave  
            style="FONT-SIZE:  18pt;  COLOR:  red;  FONT-FAMILY:  Wingdings"></FONT><BR><BR><FONT  
            style="FONT-SIZE:  120pt;  COLOR:  green;  FONT-FAMILY:  Webdings">û</FONT><BR><FONT  
            id=CITY  
            style="FONT-SIZE:  9pt;  WIDTH:  150px;  COLOR:  blue;  FONT-FAMILY:  '宋体'"></FONT></P></TD>
        <TD  align=middle>
            <DIV  style="Z-INDEX:  -1;  POSITION:  absolute;  TOP:  30px"><FONT  id=YMBG  
            style="FONT-SIZE:  100pt;  COLOR:  #f0f0f0;  FONT-FAMILY:  'Arial  Black'">  0000<BR>  JUN</FONT>  
            </DIV>
            <TABLE  border=0>
                <TBODY>
                <TR>
                    <TD  bgColor=#000080  colSpan=7><FONT  style="FONT-SIZE:  9pt"  
                        color=#ffffff  size=2>西历<SELECT  style="FONT-SIZE:  9pt"  
                        οnchange=changeCld()  name=SY>  
                            <SCRIPT  language=JavaScript><!--
for(i=1900;i<2050;i++)  document.write('<option>'+i)
//--></SCRIPT>
                        </SELECT>年<SELECT  style="FONT-SIZE:  9pt"  οnchange=changeCld()  
                        name=SM>  
                            <SCRIPT  language=JavaScript><!--
for(i=1;i<13;i++)  document.write('<option>'+i)
//--></SCRIPT>
                        </SELECT>月</FONT>  <FONT  id=GZ  face=宋体  color=#ffffff  
                        size=4></FONT><BR></TD></TR>
                <TR  align=middle  bgColor=#e0e0e0>
                    <TD  width=54>日</TD>
                    <TD  width=54>一</TD>
                    <TD  width=54>二</TD>
                    <TD  width=50>三</TD>
                    <TD  width=54>四</TD>
                    <TD  width=54>五</TD>
                    <TD  width=54>六</TD></TR>
                <SCRIPT  language=JavaScript><!--
var  gNum
for(i=0;i<6;i++)  {
document.write('<tr  align=center>')
for(j=0;j<7;j++)  {
gNum  =  i*7+j
document.write('<td  id="GD'  +  gNum  +'"  onMouseOver="mOvr('  +  gNum  +')"  onMouseOut="mOut()"><font  id="SD'  +  gNum  +'"  size=5  face="Arial  Black"')
if(j  ==  0)  document.write('  color=red')
if(j  ==  6)
if(i%2==1)  document.write('  color=red')
else  document.write('  color=green')
document.write('  TITLE="">  </font><br><font  id="LD'  +  gNum  +  '"  size=2  style="font-size:9pt">  </font></td>')
}
document.write('</tr>')
}
//--></SCRIPT>
                </TBODY></TABLE></TD>
        <TD  vAlign=top  align=middle  width=60><BR><BR><BR><BR><BUTTON  
            style="FONT-SIZE:  9pt"  οnclick="pushBtm('YU')">年↑</BUTTON><BR><BUTTON  
            style="FONT-SIZE:  9pt"  οnclick="pushBtm('YD')">年↓</BUTTON>  
            <P><BUTTON  style="FONT-SIZE:  9pt"  
            onclick="pushBtm('MU')">月↑</BUTTON><BR><BUTTON  style="FONT-SIZE:  9pt"  
            οnclick="pushBtm('MD')">月↓</BUTTON>  
            <P><BUTTON  style="FONT-SIZE:  9pt"  οnclick="pushBtm('')">当月</BUTTON>    
            </P></TD></TR></TBODY></TABLE></FORM></CENTER>
</body>  
复制代码
超强!温度计式样时间


复制代码
<title>  温度计式样的时间  </title>
<SCRIPT  language=javascript>
var  cellwidth=10;                                  //  EACH  "CELL"  WIDTH  IN  PIXELS
var  cellheight=10;                                    //  EACH  "CELL"  HEIGHT  IN  PIXELS
var  fontsize=11;                                    //  FONT  SIZE  OF  THE  NUMBERS.  SETTING  THIS  TOO  BIG  CAUSES  UNDESIRED  EFFECTS.
var  fontcolor="080080";                        //  ENTER  ANY  HTML  OR  RGB  COLOR  CODE
var  fontstyle="bold";                        //  ENTER  EITHER  BOLD,  ITALICS,  NONE
var  oncolor="red";                                //  COLOR  OF  ACTIVE  CELLS
var  offcolor="lightgrey";            //  COLOR  OF  INACTIVE  CELLS

var  NS4  =  (navigator.appName.indexOf("Netscape")>=0  &&  parseFloat(navigator.appVersion)  >=  4  &&  parseFloat(navigator.appVersion)  <  5)?  true  :  false;
var  IE4  =  (document.all)?  true  :  false;
var  NS6  =  (parseFloat(navigator.appVersion)  >=  5  &&  navigator.appName.indexOf("Netscape")>=0  )?  true:  false;
var  binclk,  now;
var  t='<table  cellspacing="1"  cellpadding="0"  border="0"><tr><td  align="center">  </td>';
for(i=0;i<=58;i+=2)t+='<td  align="left"  colspan="2"><font  style="font-size:'+fontsize+'px;  font-weight:'+fontstyle+';  color:  '+fontcolor+'">'+i+'<br>  |</font></td>';
t+='<td>  </td></tr><tr><td  align="center"><font  style="font-size:'+fontsize+'px;  font-weight:'+fontstyle+';  color:  '+fontcolor+'">时:  </font></td>';
for(i=0;i<=23;i++){
t+='<td>';
t+=(NS4)?  '<ilayer  name="hrs'+i+'"  height="'+cellheight+'"  width="'+cellwidth+'"  bgcolor="'+offcolor+'"></ilayer>'  :  '<div  id="hrs'+i+'"  style="position:relative;  width:'+cellwidth+'px;  font-size:1px;  height:'+cellheight+'px;  background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td  colspan="36"><td>  </td></tr><tr><td  align="center"><font  style="font-size:'+fontsize+'px;  font-weight:'+fontstyle+';  color:  '+fontcolor+'">分:  </font></td>';
for(i=0;i<=59;i++){
t+='<td>';
t+=(NS4)?  '<ilayer  name="min'+i+'"  width="'+cellwidth+'"  height="'+cellheight+'"  bgcolor="'+offcolor+'"></ilayer>'  :  '<div  id="min'+i+'"  style="position:relative;  width:'+cellwidth+'px;  font-size:1px;  height:'+cellheight+'px;  background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td>  </td></tr><tr><td  align="center"><font  style="font-size:'+fontsize+'px;  font-weight:'+fontstyle+';  color:  '+fontcolor+'">秒:  </font></td>';
for(i=0;i<=59;i++)
{
t+='<td>';
t+=(NS4)?  '<ilayer  name="sec'+i+'"  width="'+cellwidth+'"  height="'+cellheight+'"  bgcolor="'+offcolor+'"></ilayer>'  :  '<div  id="sec'+i+'"  style="position:relative;  width:'+cellwidth+'px;  font-size:1px;  height:'+cellheight+'px;  background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<td>  </td></tr><tr><td>  </td><td>  </td>';
for(i=1;i<=59;i+=2)t+='<td  align="left"  colspan="2"><font  style="font-size:'+fontsize+'px;  font-weight:'+fontstyle+';  color:  '+fontcolor+'">  |<br>'+i+'</font></td>';
t+='</tr></table>';
document.write(t);
function  init(){
getvals();
for(i=0;i<=now.h;i++)setbgcolor('hrs'+i,  oncolor);
for(i=0;i<=now.m;i++)setbgcolor('min'+i,  oncolor);
for(i=0;i<=now.s;i++)setbgcolor('sec'+i,  oncolor);
setInterval('setclock()',  100);
}
function  getvals(){
now=new  Date();
now.s=now.getSeconds();
now.h=now.getHours();
now.m=now.getMinutes();
}
function  setclock(){
getvals();
if((now.h==0)&&(now.m==0))  for(i=1;i<=23;i++)setbgcolor('hrs'+i,  offcolor);
if((now.s==0)&&(now.m==0))  for  (i=1;i<=59;i++)setbgcolor('min'+i,  offcolor);
if(now.s==0)  for(i=1;i<=59;i++)setbgcolor('sec'+i,  offcolor);
setbgcolor('hrs'+now.h,  oncolor);
setbgcolor('min'+now.m,  oncolor);
setbgcolor('sec'+now.s,  oncolor);
}
function  resize(){
if(NS4)history.go(0);
}
function  setbgcolor(idstr,  color){
if(IE4)document.all[idstr].style.backgroundColor=color;
if(NS4)document.layers[idstr].bgColor=color;
if(NS6)document.getElementById(idstr).style.backgroundColor=color;
}
window.onload=init;
window.onresize=resize;
</SCRIPT>