@novely/typewriter
Version:
Эффект пишущей машинки
36 lines (27 loc) • 1.28 kB
Markdown
# @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` будет стёрто.