UNPKG

@novely/typewriter

Version:
36 lines (27 loc) 1.28 kB
# @novely/typewriter Простой эффект пишущей машинки. Может работать как с простыми строками, так и с HTML-разметкой. ## Использование ```ts title="main.ts" 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` будет стёрто.