Multifunctional Text Typing Animation Library – typebot

Category: Animation , Javascript , Text | July 23, 2016
Views Total:1,131 views
Official Page:Go to website
Last Update:July 23, 2016


Multifunctional Text Typing Animation Library – typebot


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

You Might Be Interested In:

Leave a Reply