@novely/typewriter
Простой эффект пишущей машинки. Может работать как с простыми строками, так и с HTML-разметкой.
Использование
`
ts title="main.ts"
import { typewriter } from '@novely/typewriter';
const writer = typewriter({ node: document.body, text: 'Жить вечно не означает жить полной жизнью. — <bold>Ольгерд Фон Эверик<bold/>', timeout: () => { /**
* Скорость набора текста. В данном случае текст набирается каждые 90 миллисекунд
*/
return 90;
},
ended: () => {
console.log('Воспроизведение закончилось без использования метода `end`');
},
});
buttonStop.onclick = () => { writer.end(); };
buttonFinish.onclick = () => {
writer.destroy();
};
`
Функция writer.end
при первом запуске, если текст ещё не был напечатан, моментально установит полный текст. При повторном запуске текст будет удалён.
Содержимое элемента node
будет стёрто.