Bagaimana untuk membuat: efek mengetik

Pelajari bagaimana untuk membuat efek mengetik dengan JavaScript.

　

Buat efek mengetik

Tahap pertama - Tambahkan HTML:

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

Tahap kedua - Tambahkan JavaScript:

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* Tekst yang akan ditampilkan */
var speed = 50; /* Kecepatan efek mengetik/durasi, dalam milidetik */
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

Coba Sendiri

Halaman yang berhubungan

Panduan Referensi:Metode window.setTimeout() JavaScript