如何实现 - 打字效果
学习如何使用 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() 方法的信息。