malarkey

Simulate a typewriter/ticker effect on a DOM element.

Even though malarkey means 'meaningless talk; nonsense', this is a sweet module that helps us to simulate typewriter effect on DOM elements.

Install it: npm install --save malarkey

Sample usage:

1
2
3
4
5
6
7
8
9
10
11
12

var elem = document.querySelectorAll('.malarkey')[0];
var opts = {
  typeSpeed: 50,
  deleteSpeed: 50,
  pauseDelay: 2000,
  loop: true,
  postfix: ''
};

malarkey(elem, opts)
.type('Say hello').pause().delete()
.type('Wave goodbye').pause().delete();

API from 1000 feet:

• malarkey.type

• malarkey.clear

• malarkey.pause

• malarkey.delete

Read more about them in the docs

DEMO:

GIF FTW:

P.S: All Web realted modules would need help from browserify or related tools to run on the web.