Как создать: эффект набора текста

Узнайте, как с помощью 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);
  }
}

Попробуйте сами

Соответствующие страницы

Референсное руководство:Метод window.setTimeout() в JavaScript