方法-タイピング効果
JavaScriptを使用してタイピング効果を作成する方法を学びます。
タイピング効果の作成
ステップ1)HTMLを追加します。
例
<p id="demo"></p>
ステップ2)JavaScriptを追加します。
例
var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* The text */
var
speed = 50; /* The speed/duration of the effect in milliseconds */
function
typeWriter() {
if (i < txt.length) {
document.getElementById("demo").innerHTML += txt.charAt(i);
i++;
setTimeout(typeWriter, speed);
}
}
ヒント: JavaScriptリファレンスでwindow.setTimeout()メソッドの詳細をご覧ください。