วิธีการ - ผลการพิมพ์
เรียนรู้วิธีสร้างเอฟเฟกต์การพิมพ์ด้วย JavaScript
การสร้างเอฟเฟกต์การพิมพ์
ขั้นตอนที่ 1) เพิ่ม HTML:
ตัวอย่าง
<p id="demo"></p>
ขั้นตอนที่ 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 ของเรา