วิธีการสร้าง: ปรากฎการณ์การพิมพ์ติดต่อกัน

สร้างปรากฎการณ์การพิมพ์ติดต่อกัน

ขั้นที่ 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()