Simple human typing effect
CoffeeScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.


A naïve human typing simulation effect

Dan Motzenbecker, MIT License


Written quickly to scratch an itch; not intended to be an accurate algorithm.

Watch the demo to see what it does.


new TuringType(domElement, 'Just some text.');

With some options:

new TuringType(domElement, 'Terrible but fast typist.', {
  accuracy: 0.3,
  interval: 20,
  callback: allDone

You can also clear the input in a natural manner with .clear():

var typer = new TuringType(element, "let's season their broth", {
  callback: function() {setTimeout(typer.clear, 1000)}

clear() is automatically bound to instances and accepts an optional integer indicating the number of characters to remove.

Have fun.