JavaScriptのサンプル

文字を点滅させるスクリプトです。（テキストフィールドに表示するタイプ）

コード

<html>
<head>
<title>TAG index Webサイト</title>

<script type="text/javascript">
<!--

// 設定開始（メッセージの内容と動きを設定してください）

var msg = '点滅するメッセージ'; // メッセージ内容
var speed = 500; // 点滅のスピード（1に近いほど速く）

// 設定終了


var flag = 0;

function disp(){

	if(flag == 0){

		// テキストフィールドにデータを渡す処理
		document.form1.field1.value = msg;
		flag = 1;

	}
	else{

		// テキストフィールドにデータを渡す処理
		document.form1.field1.value = "";
		flag = 0;

	}

	setTimeout("disp()", speed);

}

// --> 
</script>

</head>
<body onLoad="disp()">

<form action="#" name="form1">
<input type="text" name="field1" size="20">
</form>

</body>
</html>

解説

<head> ～ </head> 内にスクリプトを記述しておき、フォームのテキストフィールド内にメッセージを表示します。

// 設定開始 ～ // 設定終了 の部分で、メッセージの内容や点滅の動きを設定してください。

設定内容

  • メッセージ内容 … 表示するメッセージを書いてください。
  • 点滅のスピード … 1秒 = 1000 なので、デフォルトの 500 では 1秒に1回点滅（点0.5+滅0.5）することになります。数値が小さいほどスピードは速くなります。

青い文字の部分は、必要に応じて書き換えてください。

ページを表示したときに自動的にメッセージを表示するので、bodyタグに onLoad="disp()" を指定しています。