Script para cambiar textos en un cuadro cada 1 minuto

  • Autor Autor Haakon
  • Fecha de inicio Fecha de inicio
Haakon

Haakon

Delta
Verificado
Verificación en dos pasos activada
Quiero que en un cuadro de texto tenga varias frases y cada 1 min vaya cambiando por otra y asi
 
Te lo puedo desarrollar, dime cual es tu web para inspeccionarla, CONSEJO: Siempre pon tu web porque hay cosas que tiene tu web que no tiene las otras, no todas tiene el mismo id para que da elemento la estructura, los div, las clases, Citame y pon tu web o tirame MP
 
Este podría servirte no es la mejor manera pero funciona ok 😉

Antes del </body

HTML:
<script>
var time = 2000; // 1 minuto = 60000
var msgs = ["hola albinr","este es forobeta","probando mensajes"]; // mensajes
var total = msgs.length-1;
var idx = 0;
document.getElementById('msg').innerHTML = msgs[idx]; // muestro primer mensaje
function go(){
    setTimeout(function(){
        if(idx >= total){
            idx = 0;
        }else{
            idx++;
        }
        document.getElementById('msg').innerHTML = msgs[idx];
        go(); // Again
    },time);
}
go();
</script>

Esto va en el <body o donde quieras:

HTML:
<div id="msg"></div>

Aquí lo puedes ver funcionando:

Online Javascript Editor
 
Última edición:
Este podría servirte no es la mejor manera pero funciona ok 😉

Antes del </body

HTML:
<script>
var time = 2000; // 1 minuto = 60000
var msgs = ["hola albinr","este es forobeta","probando mensajes"]; // mensajes
var total = msgs.length-1;
var idx = 0;
document.getElementById('msg').innerHTML = msgs[idx]; // muestro primer mensaje
function go(){
    setTimeout(function(){
        if(idx >= total){
            idx = 0;
        }else{
            idx++;
        }
        document.getElementById('msg').innerHTML = msgs[idx];
        go(); // Again
    },time);
}
go();
</script>

Esto va en el <body o donde quieras:

HTML:
<div id="msg"></div>

Aquí lo puedes ver funcionando:

Online Javascript Editor
Woo.. Lo guardaré por si lo llego a necesitar 🙂
 

Temas similares

Atrás
Arriba