Autotyping
|
<h4 id="res"><span class="caret">|</span></h4>
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);
}
// Typing by letters
typing('',100); //100 typing speed
// Typing by words
typing(' ',200); //200 typing speed