WEST MiRa(1,739 Byte)
JavaScript(1,601 Byte)
DHCICVbvylTCglz

■ JavaScript - サンプル集(257種類) - 時間
   - フォームにリアルタイム時計

フォーム内にリアルタイムの時刻が表示されるスクリプトです。
ページが読み込まれると、自動的に動きます。

サンプルを見る
ソースを保存する
(右クリック→「対象をファイルに保存」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"」を変えて下さい。


バナー、リンクについて  ,   利用規約  ,   ヘルプ

Copyright (C) 1998-2007 WEST MiRa. All rights reserved.