https://github.com/dmotz/TuringType

⌨️ Simple human typing effect
https://github.com/dmotz/TuringType

animation coffeescript javascript typing

Last synced: 7 days ago
JSON representation

⌨️ Simple human typing effect

• Host: GitHub
• URL: https://github.com/dmotz/TuringType
• Owner: dmotz
• License: mit
• Created: 2013-01-28T03:34:17.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2023-07-15T16:04:42.000Z (over 1 year ago)
• Last Synced: 2024-03-26T10:01:56.573Z (8 months ago)
• Topics: animation, coffeescript, javascript, typing
• Language: CoffeeScript
• Homepage: http://oxism.com/TuringType
• Size: 21.5 KB
• Stars: 144
• Watchers: 12
• Forks: 17
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [TuringType](http://oxism.com/TuringType)

#### A naïve human typing simulation effect

[Dan Motzenbecker](http://oxism.com), MIT License

[@dcmotz](http://twitter.com/dcmotz)

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

Watch the [demo](http://oxism.com/TuringType) to see what it does.

Usage:

```javascript

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

```

With some options:

```javascript

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()`:

```javascript

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.