Cách tạo: Hiệu ứng gõ máy

Học cách sử dụng JavaScript để tạo hiệu ứng gõ máy.

　

Tạo hiệu ứng gõ máy

Bước 1 - Thêm HTML:

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

Bước 2 - Thêm JavaScript:

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* Văn bản cần hiển thị */
var speed = 50; /* Tốc độ / Thời gian duy trì hiệu ứng gõ máy, bằng đơn vị miligây */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Thử ngay

Trang liên quan

Tài liệu tham khảo:Phương thức window.setTimeout() trong JavaScript