TheaterJS

TheaterJS 介绍

Theaterjs是一款模拟打字机效果的js打字机效果插件。  

安装

bower install theaterjs

npm install theaterjs

例子

<div id="vader"></div>

<div id="luke"></div>

<script src="path/to/theater.min.js"></script>

<script>

var theater = theaterjs()

theater

.on('type:start,erase:start',function () {

// add a class to actor's dom element when he starts typing/erasing

var actor = theater.getCurrentActor()

actor.$element.classList.add('is-typing')

})

.on('type:end,erase:end',function () {

// and then remove it when he's done

var actor = theater.getCurrentActor()

actor.$element.classList.remove('is-typing')

})

theater

.addActor('vader')

.addActor('luke')

theater

.addScene('vader:Luke...',400)

.addScene('luke:What?',400)

.addScene('vader:I am',200,'.','. ')

.addScene('Your father!')

.addScene(theater.replay)

</script>

网站地址:https://codepen.io/Zhouzi/pen/JoRazP

GitHub:https://github.com/Zhouzi/TheaterJS

网站描述:一个用于模拟人输入行为的 JS 库

TheaterJS

官方网站：https://codepen.io/Zhouzi/pen/JoRazP