functionvariniciarcampo = document.querySelector("#texto"){;// flag para impedir que o setInterval sejaacionadopor maisde 1 evento
var campoflag = documenttrue;
campo.querySelectoraddEventListener("#texto""change", iniciar);
campo.addEventListener("keyup", iniciar);
campo.addEventListener("keydown", iniciar);
campo.addEventListener("keypress", iniciar);
function iniciar(){
campo.value = ''; var string = "Olá mundo!"; // texto a ser "digitado"
if(flag){ flag =false; var tempo = setInterval(function(){
var len = campo.value.length;
if(len < string.length){
campo.value += string.substring(len,len+1);
}else{
flag = true; clearInterval(tempo);
console.log("fim!");
}
}, 200);
}
}
<inputPressionetype="text"algumaid="texto">tecla do teclado:
<br>
<button<inputonclick="iniciar()">Iniciar</button>autofocus type="text" id="texto">
Pode fazer desta forma:
functioniniciar(){
var campo = document.querySelector("#texto");
var string = "Olá mundo!"; // texto a ser "digitado"
var tempo = setInterval(function(){
var len = campo.value.length;
if(len < string.length){
campo.value += string.substring(len,len+1);
}else{
clearInterval(tempo);
console.log("fim!");
}
}, 200);
}
varcampo = document.querySelector("#texto");// flag para impedir que o setInterval sejaacionadopor maisde 1 evento
var flag = true;
campo.addEventListener("change", iniciar);
campo.addEventListener("keyup", iniciar);
campo.addEventListener("keydown", iniciar);
campo.addEventListener("keypress", iniciar);
function iniciar(){
campo.value = ''; var string = "Olá mundo!"; // texto a ser "digitado"
if(flag){ flag =false; var tempo = setInterval(function(){
var len = campo.value.length;
if(len < string.length){
campo.value += string.substring(len,len+1);
}else{
flag = true; clearInterval(tempo);
console.log("fim!");
}
}, 200);
}
}
Pressionealgumatecla do teclado:
<br>
<inputautofocus type="text" id="texto">
function iniciar(){
var campo = document.querySelector("#texto");
var string = "Olá mundo!"; // texto a ser "digitado"
var tempo = setInterval(function(){
var len = campo.value.length;
if(len < string.length){
campo.value += string.substring(len,len+1);
}else{
clearInterval(tempo);
console.log("fim!");
}
}, 200);
}