どう作成するか:打ち字効果

JavaScriptを使用して打ち字効果を作成する方法を学びます。

 

打ち字効果の作成

第1ステップ - HTMLを追加:

<p id="demo"></p>

第2ステップ - JavaScriptを追加:

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* 表示するテキスト */
var speed = 50; /* 文字入力効果の速度/持続時間、ミリ秒単位 */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

実際に試してみる

関連ページ

リファレンスマニュアル:JavaScript window.setTimeout() メソッド