フォーム内にリアルタイムの時刻が表示されるスクリプトです。
ページが読み込まれると、自動的に動きます。
・サンプルを見る
・ソースを保存する (右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。)
・ソースを見る ・解説を見る
[ ソース ]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp
b=0;
function tokei2()
{
a=new Date();
jikan=a.getHours();
hun=a.getMinutes();
byou=a.getSeconds();
if(jikan < 10)jikan="0"+jikan;
if(hun < 10)hun="0"+hun;
if(byou < 10)byou="0"+byou;
document.form1.text1.value=jikan+':'+hun+':'+byou;
clearTimeout(b);
b=setTimeout('tokei2()',1000);
}
//-->
</script>
</head>
<body onLoad="tokei2();">
<form name="form1">
<input type="text" name="text1" size="10">
</form>
・
・
・
</body></html>
[ 解説 ]
ボディタグ内に、普通通りHTML要素を付け加えてもOKです。
時計を設置したい場所に、下の方にある「<form〜</form>」をおいて下さい。
時計のサイズを変えたい場合は、
下の方にある「<input……」の右の方にある「size="10"」を変えて下さい。
|