setIntervalを利用したタイポグラフィの作り方。

質問

setIntervalを利用して時間差で表示されるタイポグラフィを作成中なのですが、自分が書いたスクリプトでは、続いて文字が表示されません。

色々と試してみたのですが、行き詰まってしまったので教えて頂けないでしょうか？

ちなみに、下にあるスクリプトは、メインタイムラインの１フレーム目に記述したスクリプトです。

setInterval(typo,500);
function typo(){
var n=0;
var str ="fu-gal-map-entrance";
var obj = _root.createEmptyMovieClip("letter"+n,n);
obj._x = 300+n*10;
obj.createTextField("txt",0,0,0,300,120);
var tobj = obj.txt;
tobj.text = str.charAt(n);
n++;
}

回答No.1

BlurFiltan · ベストアンサー

setInterval によって 関数typo が 500 ミリ秒間隔で実行されるわけですが，
実行されるたびに n=0 になってぜんぜん話が前に進みません。
var n = 0;
は先に実行しておかなければなりません。
このことがうまく行かない原因です。

また，これはうまく行かない原因ではありませんが，
関数typo が 実行されるたびに，
var str = "fu-gal-map-entrance";
を実行しても無意味です。

したがって次のようになります。

-------------------------------
var n = 0; //←前に出した
var str = "fu-gal-map-entrance"; //←前に出した
setInterval(typo, 500);
function typo() {
var obj = _root.createEmptyMovieClip("letter"+n, n);
obj._x = 300+n*10;
obj.createTextField("txt", 0, 0, 0, 300, 120);
var tobj = obj.txt;
tobj.text = str.charAt(n);
n++;
}
-------------------------------

お礼

BlurFiltan様

回答ありがとうございました。
今、試してみたところ上手くいきました。

いつもありがとうございます。