@ratedev

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

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

https://jsfiddle.net/obfuqymp/
  • Вопрос задан
  • 123 просмотра
Решения вопроса 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
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Rocket Брянск
от 60 000 до 100 000 ₽
25 мая 2024, в 06:10
100 руб./за проект
25 мая 2024, в 03:56
1000 руб./за проект
25 мая 2024, в 00:23
200 руб./за проект