デジタル時計の作り方

1.ＨＥＡＤに記述
<Script Language="JavaScript">
<!--
var spSTim11="　";
function time01() {
var dayTim,jiTim,funTim,byoTim,goze;
dayTim=new Date();
jiTim=dayTim.getHours();
funTim=dayTim.getMinutes();
byoTim=dayTim.getSeconds();
if (jiTim<12) goze="午前 ";
else {
goze="午後 ";
jiTim=jiTim-12;
}
document.time01.timeform.value=spSTim11+goze+jiTim+"時"+funTim+"分"+byoTim+"秒";
setTimeout("time01()",1000);
}
// End -->
</Script>

2.ＢＯＤＹに記述
<FORM NAME="time01">
<INPUT TYPE="text" size="25" NAME="timeform" style="border-style:solid;border-width:1px;border-color:#99ff00;color:#bcbcbc;background:#0000ff"></FORM>
<Script Language="JavaScript">
<!--
time01();
//-->
</Script>

3.カスタマイズ
border-style:solid　　枠線を平な線にする
border-style:dotted　　枠線を点線に
border-width:1px　　枠線の太さを１ピクセルにする
border-color:#d8d8e　　枠線の色を#d8d8eにする
color:#bcbcbc　　文字の色を#bcbcbcにする
background:#fafafc　　背景色を #fafafcにする
width:200px　テキストボックスの幅を 200px にする
height:20px　　テキストボックスの高さを 20px にする