Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@novely/typewriter

yhdgms119ISC0.5.1TypeScript support: included

Эффект пишущей машинки

typewriter, effect, novely

readme

@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 будет стёрто.