文字を1文字ずつ表示するスクリプトです。(テキストフィールドに表示するタイプ)
<html> <head> <title>HTML 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); // テキストフィールドにデータを渡す処理 document.form1.field1.value = type; count ++; var rep = setTimeout("disp()", speed); if(count > msg.length){ if(flag == 1){ clearTimeout(rep); } else{ count = 0; } } } // --> </script> </head> <body onLoad="disp()"> <form action="#" name="form1"> <input type="text" name="field1" size="40"> </form> </body> </html>
<head> 〜 </head> 内にスクリプトを記述しておき、フォームのテキストフィールド内にメッセージを表示します。
// 設定開始 〜 // 設定終了 の部分で、メッセージの内容や表示スピード、繰り返しを設定してください。
【設定内容】
青い文字の部分は、必要に応じて書き換えてください。
ページを表示したときに自動的にメッセージを表示するので、bodyタグに onLoad="disp()" を指定しています。