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

Preview:

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);