+

vrtpr | ViRTuaPRinter | Виртуальный имитатор набора текста

29.11.2019 21:30
21

/* Превью

В общем написал по быстрому имитатор набора текста на клаве, гора тех что есть не совсем мне улыбнулись(

*/

Важные достопремечатильности этого скриптяцкого, %USER_NAME%, это во первых простота, копировал вставил код, и заработало, ничего подключать и скачивать кроме jQuery нит необходимости.
Основная фича, это то что при вводе каждой буквы задаётся случайная задержка, что делает эфеект как будто текст набирает человек.
В дальнейшем хочу ещё добавить отдельную задержку перед словами

Юзается и настраивается предельно просто, вся магия в js, в css только скрываются блоки, буквы перед их показом, и анимация для мигания курсором.
js работает так, каждому блоку где нужно сделать эффект набора текста, нужно добавить класс .vrtpr, а через атрибут data указать необходимые параметры, или не указывать) если блока 2, то перед началом печати текста во втором блоке, первому можно задать задержку атрибутом data-vrtpr_d="1800".
Если текст после того как напечатали нужно удалить, например чтобы вместо него напечатать другой, то нужно добавить 2 блока с текстом, первому который удалиться добавить класс _delete_, а второму задать задержку перед печатью.

Далее собственно код, с гитшвабры