pues verán, estoy creando un título con el efecto máquina de escribir. De entrada estoy utilizando este código porque de aquí tomé la idea, sin embargo, abrí otro hilo porque mi duda varía a la de la persona que publicó ese hilo.
Estamos ubicados en:
Necesito que:
1.- Una vez escrito el texto, se elimine con el mismo afecto antes de cambiar al otro texto a mostrar.
2.- Personalizar un array de texto. Puede ser N número de textos los que necesito agregar. Cuando se termine de escribir y borrar un texto ahora se pase a otro y así N cantidad de veces. Por ejemplo: México, Chile, Perú, Ecuador. etc.
El hilo es este: Realizar efecto máquina de escribir con pausa
Y mi código actual es este, sin embargo hace cosas extrañas :(
$(function(){
var n =0;
var texto = "México";
maquina("typer",texto,250,0);
});
function maquina(contenedor,texto,intervalo,n){
var i=0,
// Creamos el timer
timer = setInterval(function() {
if ( i<texto.length ) {
// Si NO hemos llegado al final del texto..
// Vamos añadiendo letra por letra y la _ al final.
$("#"+contenedor).html(texto.substr(0,i++) + "_");
} else {
timer = setInterval(function() {
if ( texto.length < i ) {
$("#"+contenedor).html(texto.substr(0,i--) + "_");
}else{
clearInterval(timer);
$("#"+contenedor).html(texto);
// Auto invocamos la rutina n veces (0 para infinito)
}
}, intervalo);
}
if ( --n!=0 ) {
setTimeout(function() {
maquina(contenedor,texto,intervalo,n);
},3600);
}
},intervalo);
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1 class="title" >Estamos ubicados en: <span id="typer"></span></h1>
Gracias de antemano. Un abrazo.