Slider de mensaje de texto usando setTimeout de JavaScript 2019

HTML
<input type="text" id="text" style="width:100%">
JS
var msj      = ""; //Mensaje
var cad_msj  = ""; //Guarda la cadena de mensajes
var posicion = 0;  //Cambiará la posición cada vez que se lance la función  nuevamente

function deslizar(msj){
    
    //Duplicamos el mensaje a 1000 o dependiendo del contenedor de la página
    //Configurar si es posible
    for(var i=0;i<1000;i++){
        cad_msj+=msj;
    }
    
    //Mostramos en el input una sección de cadena limitada por su posición
    //Practicamnete mostramos nueva cadena cada vez que se lanza la función
    document.getElementById("text").value = cad_msj.substring(posicion,posicion + 1000);
    
    //Incrementa la posición
    posicion++;
    
    //Llamar nuevamente la función e indicar el tiempo en milisegundos,donde 1s <> 1000ms
    setTimeout("deslizar()",100);
}

//mensaje que será mostrado
msj = "       Este 2019,sigue practicando y mejorarás tus habilidades.      ";

deslizar(msj);

Autor: Washi

Publicado: 30/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