Easy Javascript Typing!

18th of May, 2017

EasyType.js

What is EasyType.Js??? Well it is a super simple way to create a typing effect! EasyType.js (minified) is only 0.293kB.

How To

Step 1

Add The CDN or download EasyType.js

<script src="https://cdn.clarkhacks.com/easytype.min.js"></script>

Step 2

Define what will be typed.

var easyText = ['Apples', 'Pineapples', 'Peaches'];

Step 3

Tell EasyType what element to target.

var easyTarget = document.getElementById('EasyTypeJs');

Step 4

Start EasyType with the easyTyper Function.

easyTyper();

Example

See the Pen EasyType.Js by Clark Weckmann (@clarkhacks) on CodePen.