Simple human typing effect
CoffeeScript JavaScript HTML CSS
Latest commit 168735a Jun 25, 2016 @dmotz update minified build


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.