■■９■■

タイトルに文字を一文字ずつ表示するⅡ

[概要]
タイトルの文字を１文字ずつ表示させる。
メッセージはいくらでも増やせる。

[参照]
実践編(Vol.5)

　SAMPLE

　SOURCE

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//表示させるコメント（好きなだけ増やせる）
var message = new Array();
message[0] = "ヨッシーの”ホームページを作ろう！”へようこそ！";
message[1] = "初心者の人でも大丈夫！v(^_^)v";
message[2] = "ホームページの作り方を基本から応用までわかりやすく解説します。";
message[3] = "ぜひお気に入りに入れてくださいね！";
message[4] = "よかったら掲示板にも何か書き込んでいってください！";

//メッセージ表示の速さ（数字が小さいほど速い）
var dsp_spd = 200;
//どのメッセージを表示するか
var msg_cnt = 0;
//メッセージの配列数
var msg_num = message.length;
//メッセージ
var msg = 0;
//現在の場所
var cnt = 0;

//メッセージ初期化関数
disp_init();


//メッセージ初期化関数
function disp_init() {
    msg = message[msg_cnt];                        //メッセージを取得
    msg_length = msg.length;                        //メッセージの長さ取得
    cnt = 0;                                                //現在地初期化
    sI = setInterval("disp_msg()", dsp_spd);    //メッセージ表示関数
}

//メッセージ表示関数
function disp_msg() {
    //現在地がメッセージの長さを超えない時
    if (cnt <= msg_length) {
        document.title = ''+ msg.substr(0,cnt)+'┃';
        cnt++;
    }
//現在地がメッセージの長さを超えた時次の配列へ
    else if (cnt > msg_length){
        clearInterval(sI);
        msg_cnt++;
        //メッセージが全て終わった時
        if (msg_cnt == msg_num){
            msg_cnt = 0;
        }
        disp_init();
    }
}
//-->
</script>
<body>
</body>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　戻る