フォームに時計を表示させる


あちこちのホームページで最近みかけるフォームに時計を表示
する方法は、思ったより簡単です。


<記述例>
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>

※ フォームを用意する。

では、試してみてください。 もし、疑問の点がありましたらメールください。 私でわかる範囲はお答えいたします。
前に戻る

次に進む

目次に戻る

ホームページへ戻る