実行例

サンプルだけの HTMLはこちらへ

説明

わっ！　リストが長くなりましたね！

はい。Step.8 と Step.9 をセットにしましたから。(^^;
この 2つの Step を制覇した人は、コーヒーブレイクの Step です。

おさらい程度にリストの流れを説明します。

今回は、タイプ表示と点滅表示を交互に処理するので、どっちの処理をするか（しているか）を判断させるために myDspFlg という変数を追加しました。
myDspFlg が 0 の時は、タイプ表示の処理をする
myDspFlg が 1 の時は、点滅の消去処理をする
myDspFlg が 2 の時は、点滅の表示処理をする
としました。

myCnt は、タイプ表示の処理の時は、現在の表示文字位置をカウントさせ、点滅処理の時は、今、何回点滅したかをカウントさせます。一人二役です。

●タイプ表示の部分
if ( myDspFlg == 0 ){
    document.myForm.myFormMes.value=myMsg.substring(0,myCnt);
    if ( myCnt == myMsg.length ){
        myCnt = 0;
        myDspFlg = 1;
    }else{
        myCnt += 1;
    }
}
myDspFlg がタイプ表示(0) の時、表示する文字を抜き出して表示します。
次に最後まで表示したのであれば、次の点滅処理のために myCnt を 0 にします。
そして、myDspFlg を点滅消去処理(1) に変更します。
最後まで表示していなければ、 myCnt を次の文字位置へ移動させます。

●点滅(消去)の部分
else if ( myDspFlg == 1 ){
    document.myForm.myFormMes.value = "";
    myDspFlg = 2;
}
myDspFlg が点滅消去処理(1)の時、フォームをクリアして、myDspFlg を点滅表示処理(2)へ変更します。

●点滅(表示)の部分
else{
    document.myForm.myFormMes.value = myMsg;
    myCnt ++;
    if ( myCnt == 5 ){
        myDspFlg = 0;
        myCnt = 0;
    }else{
        myDspFlg = 1;
    }
}
myDspFlg が点滅表示処理(2)の時、フォームにメッセージを表示します。
表示カウンタ(myCnt)をカウントさせ、５回表示（点滅）したのであれば、再びタイプ表示処理へ戻すために myDspFlg を 0 に戻し、myCnt に 0 をセットしてあげます。
5回点滅表示していなければ、myDspFlg を点滅消去(1)に変更します。

リストが長いわりには、たいしたことないですね。(^^;

今回リストを見ていて、おや？と思ったところが 2箇所ありませんでしたか？

myCnt += myApp; と、myCnt ++; です。

myCnt += myApp; は、myCnt = myCnt + myApp; の省略形です。
myCnt ++; は、myCnt = myCnt + 1; の省略形です。
ただでさえ覚えることだらけなのに、余計なことまで説明するな！と思うでしょうが、そのうち、右側の式を打ち込むのはとてもめんどくさく感じてくるはずです。
プログラミングにおいて上の２つの式は、とにかく何度も使うのです。

+= があるのですから、-= , *= , /= もあります。( a -= 2 は、a = a - 2 と同じこと)
++ があれば、-- もあります。( a=a-1 , a-=1 , a-- は皆同じ )

ちなみに ++ は、インクリメント演算子といって・・・これが余計なんですネ (^^;

▲TOP

演算子一覧

二項演算子	名称	説明	例
+	加算	足し算の記号	a + 1
-	減算	引き算の記号	a - 1
*	乗算	掛け算の記号	a * 2
/	除算	割り算の記号	a / 2
%	剰余算	余りを求める式の記号	a % 3

代入演算子 (二項演算子)	名称	説明	例
=	代入	右辺を左辺に代入	a = b
+=	加算代入	左辺に右辺を加算	a += b (a = a + b)
-=	減算代入	左辺から右辺を減算	a -= b (a = a - b)
*=	乗算代入	左辺に右辺を乗算	a = b (a = a b)
/=	除算代入	左辺を右辺で除算	a /= b (a = a / b)
%=	剰余算代入	左辺を右辺の剰余	a %= b (a = a % b)

単項演算子	名称	説明	例
++	インクリメント	1加算する	a++ ++a
--	デクリメント	1減算する	a-- --a

インクリメント/デクリメントの注意
a の初期値	b の初期値	式	a の結果	b の結果
10	0	b = a++ + 1	11
10	0	b = ++a + 1	11
10	0	b = (a++) + 1	11

▲TOP