フォームに時計を表示させる
あちこちのホームページで最近みかけるフォームに時計を表示
する方法は、思ったより簡単です。
- 時刻を取得するには、Date(); を使う。
- Date()により作られたインスタンスを使い、時間、分、秒を得る。
- documentオブジェクトを使い、フォームへ表示するデータを作る。
document.forms[0].TEXTAREAのNAME.value =
- setTimeout()を使い自分自身を1秒毎に呼び出す。
- 上記関数は<HEAD></HEAD>タグの中に記述しておく。
- <BODY>タグでonLoadにより呼び出す。
- <FORM>タグのTEXTAREAに付けるNAMEには、関数内で指定したものを記述する。
<記述例>
function getJikan(){
var now = new Date();
var theHour = now.getHours();
var theMin = now.getMinutes();
var theSec = now.getSeconds();
document.forms[0].tokei.value = theHour+”時”+theMin+”分”+theSec+”秒”;
setTimeout(”getJikan()”,1000);
}
※ 上記の関数を、<HEAD></HEAD>タグの中に記述しておく。
<BODY onLoad = ”getJikan()”;>
※ <BODY>にonLoadで関数を呼び出す。
<FORM>INPUT TYPE = ”text” NAME = ”tokei”SIZE = ”40”></FORM>
※ フォームを用意する。
では、試してみてください。 もし、疑問の点がありましたらメールください。 私でわかる範囲はお答えいたします。
前に戻る
次に進む
目次に戻る
ホームページへ戻る