Эффект печатаемого текста

Создать эффект печатаемого текста можно через библиотеку Typed.js.

Ссылка на библиотеку: github.com/mattboldt/typed.js/

Сначала надо создать элемент, внутри которого будет эффект печатаемого текста:

<p>На сайте know-online.com есть уроки по: <span id="typed-text"></span></p>

Затем применить код:

let typed = new Typed('#typed-text', {
  strings: ['JavaScript', 'NodeJS', 'HTML и CSS', 'и многое другое'],
  typeSpeed: 50, // скорость печатания
  backSpeed: 20, // скорость стирания текста
  showCursor: true // показывать курсор
});

Результат:

Паузы при печатании

Делать паузы при печатании текста можно через символ ^. На примере ниже указано сделать паузу на 1 секунду.

let typed = new Typed('#typed-text', {
  strings: ['Качество', 'Скорость', 'И ^1000 стоимость'],
  typeSpeed: 50,
});

Результат: