WEST MiRa JavaScript：サンプル集(257種類) - フォーム

[ JavaScriptの目次 ]

▲トップページ
▲基礎知識
▲基本操作
▲その他
▲サンプル集(257種類)
▲その他

[ 他の一覧 ]

◆↑ホームへ

■ 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要素を付け加えてもＯＫです。

時計を設置したい場所に、下の方にある「<form～</form>」をおいて下さい。

時計のサイズを変えたい場合は、下の方にある「<input……」の右の方にある「size="10"」を変えて下さい。

花粉・アレルギー対策サプリメント

　 WEST MiRa > JavaScript > サンプル集(257種類) > フォーム > フォームにリアルタイム時計 >

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