如何創建:打字效果

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

 

創建打字效果

第一步 - 添加 HTML:

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

第二步 - 添加 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() 方法