日本語
<!-- http://js.downcodes.com/ --> <!-- http://bbs.downcodes.com/--> <title> 温度计式样の時間 </title> <SCRIPT language=javascript > var cellwidth=10; // 各「セル」の幅 (ピクセル単位) var cellheight=10; // 各「セル」の高さ(ピクセル単位) var fontsize=11; // 数字のフォント サイズ。これを大きすぎる設定にすると、望ましくない影響が生じます。 var fontcolor="080080"; // HTML または RGB カラーコードを入力します var fontstyle="bold"; // 太字、斜体、なしのいずれかを入力します var oncolor="red"; // アクティブなセルの色 var offcolor="lightgrey"; // 非アクティブなセルの色 // javascript の詳細 http://www.downcodes.com 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、今; var t='<table cellpacing="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+'; 色: '+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; font-size:1px; height:'+offcolor+'"></div>; t+='</td>'; } t+='<tdcolspan="36"><td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; フォント-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; font-size:1px; height:'+offcolor+'"></div>; t+='</td>'; } t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+';カラー: '+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; font-size:1px; height:'+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+'; カラー: '+fontcolor+'"> |<br>'+i+'</font></td>'; t+='</tr></table>'; document.write(t);関数 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('set Clock()', 100);関数 getvals(){ now=new Date(); now.s=now.getSeconds(); now.h=now.getHours(); now.m=now.getMinutes();関数 setlock(){ 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);関数size(){ 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=サイズ変更; </スクリプト>