js实现温度计时间样式代码分享【javascript】

var cellwidth=10; // EACH "CELL" WIDTH IN PIXELSvar cellheight=10; // EACH "CELL" HEIGHT IN PIXELSvar fontsize=11; // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.var fontcolor="080080"; // ENTER ANY HTML or RGB COLOR CODEvar fontstyle="bold"; // ENTER EITHER BOLD, ITALICS, NONEvar oncolor="red"; // COLOR OF ACTIVE CELLSvar offcolor="lightgrey"; // COLOR OF INACTIVE CELLSvar NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) = 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;var binclk, now;var t='';for(i=0;i<=58;i+=2)t+='';t+='';for(i=0;i<=23;i++){t+='';}t+='';for(i=0;i<=59;i++){t+='';}t+='';for(i=0;i<=59;i++){t+='';}t+='';for(i=1;i<=59;i+=2)t+='';t+='
 
'+i+'
 |
 
时: 
';t+=(NS4)? '' : '
';t+='
 
分: 
';t+=(NS4)? '' : '
';t+='
 
秒: 
';t+=(NS4)? '' : '
';t+='
 
 
 
 |
'+i+'
';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;