●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から。