Анимация печати текста на js

2k
Алексей,
Анимация печати текста на js

Простой скриптик для имитации набора текста в строке

Простой скриптик для имитации набора текста в строке

let cont = $('.js--text-cont'),
	text = 'Набираемая строка с каким-то текстом, которая посимвольно (с рандомной задержкой) появляется в указанном контейнере',
	p = 0;

function printSmbl() {
	let timeout = Math.round(Math.random() * 100);
	cont.html(cont.html()+text[p]);
	p++;
	if (p < text.length) {
		setTimeout(printSmbl, timeout);
	}
}
setTimeout(printSmbl, 100);

Пример:

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.

Опубликовано 3 июля 2023
js, анимация, текст, готовый код
Поделиться
Комментарии
❮…❯
Авторизуйтесь чтобы получать уведомления об ответе
Простой скриптик для имитации набора текста в строке