Skip to content

kennym/jQuery.humanTypist

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
lib
 
 
src
 
 
 
 

jQuery “Human Typist” plug-in

jQuery Plugin homepage: http://plugins.jquery.com/project/humanTypist

Description

A really simple-to-use human-like typing animation.

It takes the text inside an HTML tag and types it out magically. Not everyone types at the same speed, and at 0% error rate, and other jQuery typing animations I have looked at didn’t handle those scenarios, so I created this little plug-in.

Basic Usage

This is as simple as it can get:

$('#example').humanTypist();

Documentation

Please, see the examples/ folder for concrete examples.

Sample script

$('#example').humanTypist({
  'speed': 'grandma'
}

Possible options:

‘speed’
Determine the speed of letters being typed. Here are the possible values ordered from slowest to fastest:
  • ‘grandma’
  • ‘beginner’
  • ‘scriptkiddie’
  • ‘secretary’
  • ‘hacker’
  • ‘elite’
  • ‘computer’

Sample HTML

<p id="example"> 
  Lorem ipsum dolor sit amet, consectetur adipiscing
  elit. Phasellus ultricies ante vel nisl varius euismod dapibus neque
  faucibus. Pellentesque in lectus sapien.
</p>

Author

Kenny Meyer <knny.myer@gmail.com> (@meyerkenny)

About

A human-like jQuery typing animation

Resources

Stars

Watchers

Forks

Packages

No packages published