@ratedev

Typed.js Как сделать, чтобы каждый последующий текст появлялся после завершения печати предыдущего?

Как сделать так чтобы второй текст, появлялся только после того, как печать первого закончится

https://jsfiddle.net/obfuqymp/
  • Вопрос задан
  • 140 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
<p class="typeit">hello, world!!</p>
<p class="typeit">fuck the world</p>
<p class="typeit">fuck everything</p>

const typeit = Array.from(
  document.querySelectorAll('.typeit'),
  (n, i) => new TypeIt(n, {
    cursor: false,
    afterComplete: () => typeit[i + 1]?.go(),
  })
);

typeit[0].go();
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Начать печатать второй текст по событию завершения первого
https://typeitjs.com/docs
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы