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

■ 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

	bun=new Array();

	//表示したい文字を指定する
	bun[0]='夜だね';
	bun[1]='今も夜';
	bun[2]='まだ夜さ';
	bun[3]='深夜だ';
	bun[4]='もうすぐ朝';
	bun[5]='今は夜明け前';
	bun[6]='早朝だね';
	bun[7]='朝だ';
	bun[8]='朝になった';
	bun[9]='朝です';
	bun[10]='朝っす';
	bun[11]='昼です';
	bun[12]='昼だ';
	bun[13]='昼っす';
	bun[14]='午後だ';
	bun[15]='午後です';
	bun[16]='夕方です';
	bun[17]='夕方だ';
	bun[18]='夕方っす';
	bun[19]='晩だ';
	bun[20]='晩です';
	bun[21]='晩だな';
	bun[22]='晩だね';
	bun[23]='晩だよ';

	function tokei1()
		{
		a=new Date();
		jikan=a.getHours();
		hun=a.getMinutes();
		doko=jikan;
		if(jikan < 10)jikan="0"+jikan;
		if(hun < 10)hun="0"+hun;
		document.form1.text1.value=jikan+':'+hun+' '+bun[doko];
		}

//-->
</script>

</head>

<body onLoad="tokei1();">

<form name="form1">
<input type="text" name="text1" size="15">
</form>

 ・
 ・
 ・

</body></html>


[ 解説 ]

ボディタグ内に、普通通りHTML要素を付け加えてもOKです。

「朝だ」とか書いてあるのが実際に表示されるメッセージです。
現在、とてもいい加減な文章なので使うときに書き換えて下さい。
一番上が0時で始まり、一番下が23時用の文章です。

下の方にある<form name="form1">〜</form>が文字が表示される場所なので、 配置したい場所に置いて下さい。
フォームサイズを変えたい場合は、「size="15"」の数字を変えて下さい。


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

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