温度计式样的时间

<title>温度计式样的时间</title>
<SCRIPTlanguage=javascript>
varcellwidth=10;//EACH"CELL"WIDTHINPIXELS
varcellheight=10;//EACH"CELL"HEIGHTINPIXELS
varfontsize=11;//FONTSIZEOFTHENUMBERS.SETTINGTHISTOOBIGCAUSESUNDESIREDEFFECTS.
varfontcolor="080080";//ENTERANYHTMLORRGBCOLORCODE
varfontstyle="bold";//ENTEREITHERBOLD,ITALICS,NONE
varoncolor="red";//COLOROFACTIVECELLS
varoffcolor="lightgrey";//COLOROFINACTIVECELLS

varNS4=(navigator.appName.indexOf("Netscape")>=0&&parseFloat(navigator.appVersion)>=4&&parseFloat(navigator.appVersion)<5)?true:false;
varIE4=(document.all)?true:false;
varNS6=(parseFloat(navigator.appVersion)>=5&&navigator.appName.indexOf("Netscape")>=0)?true:false;
varbinclk,now;
vart='<tablecellspacing="1"cellpadding="0"border="0"><tr><tdalign="center"></td>';
for(i=0;i<=58;i+=2)t+='<tdalign="left"colspan="2"><fontstyle="font-size:'+fontsize+'px;font-weight:'+fontstyle+';color:'+fontcolor+'">'+i+'<br>|</font></td>';
t+='<td></td></tr><tr><tdalign="center"><fontstyle="font-size:'+fontsize+'px;font-weight:'+fontstyle+';color:'+fontcolor+'">时:</font></td>';
for(i=0;i<=23;i++){
t+='<td>';
t+=(NS4)?'<ilayername="hrs'+i+'"height="'+cellheight+'"width="'+cellwidth+'"bgcolor="'+offcolor+'"></ilayer>':'<divid="hrs'+i+'"style="position:relative;width:'+cellwidth+'px;font-size:1px;height:'+cellheight+'px;background-color:'+offcolor+'"></div>';
t+='</td>';
}
t+='<tdcolspan="36"><td></td></tr><tr><tdalign="center"><fontstyle="font-size:'+fontsize+'px;font-weight:'+fontstyle+';color:'+fontcolor+'">分:</font></td>';
for(i=0;i<=59;i++){
t+='<td>';
t+=(NS4)?'<ilayername="min'+i+'"width="'+cellwidth+'"height="'+cellheight+'"bgcolor="'+offcolor+'"></ilayer>':'<divid="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><tdalign="center"><fontstyle="font-size:'+fontsize+'px;font-weight:'+fontstyle+';color:'+fontcolor+'">秒:</font></td>';
for(i=0;i<=59;i++)
{
t+='<td>';
t+=(NS4)?'<ilayername="sec'+i+'"width="'+cellwidth+'"height="'+cellheight+'"bgcolor="'+offcolor+'"></ilayer>':'<divid="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+='<tdalign="left"colspan="2"><fontstyle="font-size:'+fontsize+'px;font-weight:'+fontstyle+';color:'+fontcolor+'">|<br>'+i+'</font></td>';
t+='</tr></table>';
document.write(t);
functioninit(){
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);
}
functiongetvals(){
now=newDate();
now.s=now.getSeconds();
now.h=now.getHours();
now.m=now.getMinutes();
}
functionsetclock(){
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);
}
functionresize(){
if(NS4)history.go(0);
}
functionsetbgcolor(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>

转自: http://www.mingblog.com/blogview.asp?logID=184&cateID=4