Java-Script

　時計の表示－２　（スタイル変更）　　　　　　

Sample

ソース

<HTML>
<HEAD>

<SCRIPT language="JavaScript">
<!--
function disp_clock() {
  local_date = new Date();
  h = local_date.getHours();
  m = local_date.getMinutes();
  s = local_date.getSeconds();
  document.frm1.clock.value="　"+h+"時"+m+"分"+s+"秒";
  setTimeout("disp_clock()",200);
}
//-->
</SCRIPT>

</HEAD>
<BODY onLoad="disp_clock()">

<form name=frm1>
現在の時間は　<input type=text name=clock size=15 
style="background-color: blue; color: gold; 
font-size: 20pt; font-weight: bold">
</form>

</BODY>
</HTML>

ワンポイント解説

<BODY onLoad="disp_clock()">　で、disp_clock()　をコールしています。
<input ***** style= で、時計のスタイルを設定しています。