JavaScriptのサンプル

文字を1文字ずつ表示するスクリプトです。（ステータスバーに表示するタイプ）

  • ブラウザのセキュリティ設定によっては、ステータスバーに表示されない場合があります。

ステータスバーをご覧ください。

コード

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

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

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

var msg = '1文字ずつ表示します・・・・・・・・'; // メッセージ内容
var speed = 200; // 表示スピード（1に近いほど速く）
var flag = 0; // 繰り返し（0 = 繰り返す｜1 = 1回だけ）

// 設定終了


var count = 0;

function disp(){

	var type = msg.substring(0, count);

	window.status = type;

	count ++;

	var rep = setTimeout("disp()", speed);

	if(count > msg.length){

		if(flag == 1){ clearTimeout(rep); }
		else{ count = 0; }

	}

}

// --> 
</script>

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

<p>ステータスバーをご覧ください。</p>

</body>
</html>

解説

<head> ～ </head> 内にスクリプトを記述しておき、ブラウザのステータスバーにメッセージを表示します。

// 設定開始 ～ // 設定終了 の部分で、メッセージの内容や表示スピード、繰り返しを設定してください。

設定内容

  • メッセージ内容 … 表示するメッセージを書いてください。
  • 表示スピード … 1秒 = 1000 なので、デフォルトの 200 では 0.2秒おきに1文字ずつ表示されます。数値が小さいほどスピードは速くなります。
  • 繰り返し … 無限に繰り返す場合は 0 を、1回だけ表示する場合は 1 を指定します。

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

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