Multifunctional Text Typing Animation Library – typebot

Preview:

Description:

Just another JavaScript library for text typing animation that allows to print your text letter by letter with variable animation speed and delay.

How to use it:

First you need to load the core JavaScript typebot.min.js in the document.

<script src="typebot.min.js"></script>

Create a new typebot instance and pass in the following arguments to config the typing animation.

• element: target container element
• speed: animation speed
• delay: delay between the typing of each letter
• text: an array of text to be typed
• blinker(boolean): shows or hides the blinker
• paused(boolean): pause the typing and will not start typing until .start() is called

new typebot(element,speed,delay,text,blinker,paused)

API methods.

• .done(function): executes after all the texts are typed with the function given in the argument
• .onLayerEnd(function): executes at the end of a line
• .onLayerStart(function): executes at the beginning of a line
• .whileTyping(function): executes as each letter is typed
• .onstart: executes at the beginning of each line
• .pause(): pauses the typing and .start() continues it
• .destroy(): terminates typing