打字效果

---

了解如何使用 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() 方法。