タイプ文字3■ タイプライター複数行×複数    最終修正日 : 2018/09/19

●2018/09/19:即時関数で囲んで、グローバル変数を消しました。

■1行ごとに複数のタイプ文字を打ち出すJavaScriptはこちら→ タイプ文字2■タイプライター色違い複数行

上記のタイプライターのように文字を打ち出すJavaScriptに、改行を追加しました。
1回に複数行のタイプライター文字が出て、それを打ち終わると消え、次にまた複数行の別のタイプ文字が表示されます。

改行タグ <br> だけ、半角文字「!」を代用します。そして「!」が <br> になるよう、置換しています。
代用文字を半角文字「!」に指定しているので、タイプ文字の中に文字としての半角文字「!」は使用できません。全角文字「!」は使用できます。もし半角文字「!」をタイプ文字として使用したい時は、
var TT=msg[i].substring(0,v).replace(/!/g,'<br>');//■改行指定を追加
の行の「!」を代用したい別の文字に変更して下さい。そしてタイプ文字の中では、改行部分にその代用した文字を記述します。

今回のJavaScriptは複数行1回ごとの色違いの指定も可能ですが、見本では1色しか指定していません。
その代わりCSSで文字のボカシを入れています。不要ならボカシ部分は削除して下さい。
このJavaScriptはメッセージ部分に改行用の「!」を使用しなければ、1行ごとの「タイプライター複数行」としても使えます。

色違いの原本は、便利eelifeから。速度変更の原本は、Write-Off!!から。ループ指定と改行の原本は教えて! gooから。