Эффект телетайпа

 alexei 11/09/2021 - 08:55

Здесь вы узнаете, как сделать вывод текста с эффектом телетайпа при помощи JavaScript.


 


Как сделать вывод текста с эффектом телетайпа

Шаг 1) Добавляем HTML:


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

Шаг 2) Добавляем JavaScript:


var i = 0;
/* Текст для вывода */
var txt = 'Lorem ipsum эффект телетайпа!';
/* Скорость вывода/длительность эффекта в миллисекундах */
var speed = 50;

function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}