JavaScript ボタンのラベルに複数のメッセージを流します。

検索サイト 便利eelife Java Scriptサンプル集Top
   検索サイト 便利eelife トップ : JavaScriptサンプル集トップ >> ボタン ラベル

ラベルに複数のメッセージを流します。

サンプルソースから書き方まで、JavaScriptに関する情報はこちら  All About [JavaScript]


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM><INPUT type="button" name="botan1" value="スタート"
onclick="Loopmsg()" id="botan" style="width : 250px;"></FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
var i = 0, v = 0;     // iは配列 msg[]のカウンタ変数
msg = new Array();  // vは文字列 msg[i]の文字数のカウンタ変数
flag = true;
msg[0] = " ようこそ eelifeへ どうぞよろしく!!  ";
msg[1] = " マルチ検索と厳選リンク集のサイトです。   ";
msg[2] = " JavaScript集も充実してます。   ";

function Loopmsg(){
if(flag)Loopmsg1();
else stp();
}

function Loopmsg1() {
txt = msg[i].substring(0,v);
document.all["botan"].value =txt;
if (v< msg[i].length){    // msg[i].length はmsg[i]の文字列の長さ
v++;
if (v== msg[i].length){
i++;v=0;}
if (i== msg.length) {  // msg.lengthは配列の数
i=0;}
flag = false;
tmrID=setTimeout("Loopmsg1()", 150);//メッセージの変わる速度(単位は千分の一秒)
}
}
function stp(){
clearTimeout(tmrID);
document.all["botan"].value ="スタート";
flag = true;
};
// -->
</SCRIPT>
コメント
ボタンの設置

substring(0,v)


setTimeout(処理関数, 時間間隔) : タイマーを設定します。処理関数を時間間隔で繰り返します。時間間隔は1000分の1秒です。

clearTimeout(tmrID) : タイマーの設定を無効にします。

サンプルソースから書き方まで、JavaScriptに関する情報はこちら  All About [JavaScript]

サイトマップ Copyright (C) eelife  All rights reserved リンクはご自由に