Script para mudar textos em um quadro a cada 1 minuto

  • Autor Autor Haakon
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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 edição:
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 🙂
 

Tópicos similares

Voltar
Topo