如何實現 - 打字效果
學習如何使用 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() 方法的資訊。
