div 自动换行_js自动打字--autotypejs

autotypejs

use for typing automatically.

介绍

使用原生JavaScript（es6）实现的自动打字效果。

效果图

示例代码(vue)：

<

用法

获取：

--yarn--
yarn add autotypejs

--git--
git clone https://github.com/1esse/autotypejs.git

--npm--
npm install --save autotypejs

浏览器原生：

<

vue：

<

API

config：配置

// ...

setStage：设置阶段

// ...

runTask：启动任务

// ...

onceDone：监听任务完成事件

// ...

注意事项

1. 脚本运行中需要获取dom节点，请确保需要操作的节点在对象实例化前已挂载并传入正确的标识符（如 .type-container）。
2. 游标的样式类默认为（停留：cursor_stay，打字中：cursor_typing），如果自定义游标的样式类（参考autotype.css），需要重新配置游标类名。
3. 每设置一个stage为一个阶段，一个完整的任务是按顺序执行完所有阶段。
4. 监听任务完成事件为每完整执行一次任务触发一次，这意味着开启loop循环的情况下每执行完一次都会触发一遍。