フォームに現在時刻を表示
フォーム内にリアルタイムに現在時刻を表示します。
プログラム①②③をコピーするだけで簡単に表示します。
ＳＴＥＰ１
「プログラム①」をＨＴＭＬの上の方にコピーして下さい。
プログラム①
<SCRIPT language="JavaScript">
<!--
timeID = 10; // 割り込みタイマ用
function formClock()
{
c = new Date();
document.formMyClock.myClock.value=c.getHours()+"時"+c.getMinutes()+"分"+c.getSeconds()+"秒";
clearTimeout(timeID);
timeID = setTimeout('formClock()',1000);
}
<!-- -->
</SCRIPT>
|
ＳＴＥＰ２
「プログラム②」をＨＴＭＬの表示したいところにコピーして下さい。
プログラム②
<FORM NAME="formMyClock">
現在時刻：<INPUT TYPE="TEXT"
NAME="myClock" SIZE="14">
</FORM>
|
ＳＴＥＰ３
「プログラム③」の赤字の部分ををHTMLの<BODY>内に内に追加してください
プログラム③
<BODY onload="formClock();">
|
ページＴＯＰへ