Slider del alfabeto español automático con setInterval de JavaScript nativo

HTML
<div class="alfabeto">ABCDEFGHIJKLMNÑOPQRSTUVWXYZ</div>
<div id="letra"></div>
CSS
body{
    font-family:arial;
    background:#ec7063;
}
#letra{
    font-size:300px;
    color:#d6dbdf;
    text-align:center;
}
.alfabeto{
    text-align:center;
    color:white;
}
JS
var i  = 0; // contador
var letra = document.getElementById("letra");
var abc   = "ABCDEFGHIJKLMNÑOPQRSTUVWXYZ";

window.setInterval(function(){

        if(i == abc.length){ i=0; }
        
        letra.innerHTML = abc[i]; // imprimir
        i++;
    
},750);

Autor: Rajesh

Publicado: 28/08/2019

Compartir Elemento Web

Donar a Compositu
Otras formas de ayudar
  • Compártelo en tus redes sociales.
  • Recomienda los elementos.
  • Regístrate Aquí
  • Deja tu comentario agradeciendo el aporte.

Descarga el código completo del Elemento Web y archivos necesarios (imágenes, librerias, plugins, frameword, etc)

Deja tu comentario