Rotate Through Text Strings With Typing/Deleting Effects – autoTyper.js

Category: Animation , Javascript , Text | December 4, 2019
Author: oimyounis
Views Total: 33
Official Page: Go to website
Last Update: December 4, 2019
License: MIT

Preview:

Rotate Through Text Strings With Typing/Deleting Effects – autoTyper.js

Description:

autoTyper.js is a Vanilla JavaScript plugin to loop through an array of text with typing/deleting effects.

How to use it:

1. Import the autoTyper.js library into the HTML document.

<script src="AutoTyper.js"></script>

2. Define an array of text to loop through.

const myText = [
      'Word One.',
      'Word Two.',
      'Word Three.',
      'Word Four.'
]

3. Create a container to hold the text.

<div class="example"></div>

4. Create a new autoTyper.js instance and pass the following parameters:

  • selector: container element
  • words: text array
  • loop: infinite loop or not
new AutoTyper('.example', [
    'Word One.',
    'Word Two.',
    'Word Three.',
    'Word Four.'
], false);

You Might Be Interested In:


Leave a Reply