Autotyping

|

HTML example
<h4 id="res"><span class="caret">|</span></h4>
JS

var arrtxt = ['Hello!','Welcome to our website!'];

function typing(set,speed){

    var indstr = 0;

    var str = '';

    var getstr = ()=>{

        if(indstr < arrtxt.length){

            var arritems = arrtxt[indstr].split(set);

            var ind = 0;

            var getitem = ()=>{

                if(ind < arritems.length){

                    str+= arritems[ind]+set;

                    ind++;

                    setTimeout(getitem,speed);

                }else{

                    indstr++;

                    str+= (arrtxt.length > 1 && indstr < arrtxt.length) ? '<br>' : '';

                    setTimeout(getstr,speed);

                }

                el.innerHTML = str+'|';

            }

            setTimeout(getitem,speed);

        }else{

            // code after finishing

        }

    };

    setTimeout(getstr,speed);

}

Example JS

// Typing by letters

typing('',100); //100 typing speed


// Typing by words

typing(' ',200); //200 typing speed