@novely/typewriter

Простой эффект пишущей машинки. Может работать как с простыми строками, так и с HTML-разметкой.

Использование

import { typewriter } from '@novely/typewriter';

const writer = typewriter({
	node: document.body,
	text: '<em>Жить вечно не означает жить полной жизнью.</em> — <bold>Ольгерд Фон Эверик<bold/>',
	timeout: () => {
		/**
		 * Скорость набора текста. В данном случае текст набирается каждые 90 миллисекунд
		 */
		return 90;
	},
	ended: () => {
		console.log('Воспроизведение закончилось без использования метода `end`');
	},
});

buttonStop.onclick = () => {
	writer.end();
};

buttonFinish.onclick = () => {
	writer.destroy();
};

Функция writer.end при первом запуске, если текст ещё не был напечатан, моментально установит полный текст. При повторном запуске текст будет удалён.

Содержимое элемента node будет стёрто.