如何操作 - 打字效果

了解如何使用 JavaScript 创建打字效果。

创建打字效果

步骤1）添加HTML：

示例

步骤 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);
}
}

亲自试一试 »

提示：了解更多关于window.setTimeout()我们的 JavaScript 参考中的方法。