..



 ■HomeJavaScriptサンプル集〔基本編〕−HPアクセサリー(時計表示)

JavaScript 無料のフリースクリプト集...

時計表示
時計表示

 時刻を表示します。ドキュメント、テキストボックス、タイトルバー、ステータスバーに表示します。



 HPでの使用方法
<head></head>タグ間と<body>〜</body>タグ間の編集

  プログラムを実行するHTMLの<head>〜</head>タグ間に緑字の部分を挿入し、<body>タグに赤字の部分を挿入し、テキストボックスやドキュメントに時刻を表示する場合はさらに<body>〜</body>タグ間に青字の部分を選んで挿入してください。

<script language="JavaScript"><!--
function tokei()
{
   dt=new Date();
   h=dt.getHours();
   m=dt.getMinutes();
   s=dt.getSeconds();
   var str=h+":"+m+":"+s;
   document.title=str;//←タイトルバーに表示 いらなければ削除
   document.myForm.myText.value=str;//←テキストボックスに表示 いらなければ削除
   document.getElementById("tokei").innerHTML=str;//←ドキュメントに表示 いらなければ削除
   window.status=str;//←ステータスバーに表示 いらなければ削除
}
// --></script>

<body onLoad="window.setInterval('tokei()',1000)">

<form name="myForm"><!-- テキストボックスの設置 -->
<input type="text" name="myText">
</form>

<div id="tokei">--:--:--</div><!-- ドキュメントに表示する場合 -->


..


..


..