2

Como faço ficar alternado texto com tempo determinado em uma div? Não conheço comando em jQuery, tentei o código abaixo mas não funciona.

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div id="frases"></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        $('#frases').toggle
          function(){
            $('#frases').text("texto 1");
            $(this).show(5000);
          },
          function(){
            $('#frases').text("texto 2");
            $(this).show(5000);
          },
          function(){
            $('#frases').text("texto 3");
            $(this).show(5000);
          }
        });
      });
    </script>
  </body>
</html>

Se alguém puder ajudar agradeço.

1
  • Por que não funciona? O texto deve se repetir indefinidamente? Commented 3/07/2014 às 13:46

2 Respostas 2

3

Preparei um exemplo com setInterval:

$(document).ready(function() {

    //textos a serem exibidos
    var textos = ["texto 1", "texto 2", "texto 3"];

    //exibição inicial
    var atual = 0;
    $('#frases').text(textos[atual++]);

    //define intervalo de troca
    setInterval(function() {

        //efeito de desaparecer
        $('#frases').fadeOut(function() {

            //função "callback" que mostra o próximo texto
            if (atual >= textos.length) atual = 0;
            $('#frases').text(textos[atual++]).fadeIn();

        });

    }, 3000);
});

Exemplo funcional no JSFiddle

1

Pode utilizar setInterval, veja um exemplo abaixo

HTML

<div class="texto"></div>

Jquery

$(function(){
var texto = 1;
var string;

setInterval(function(){
    switch(texto) {
        case 1: string = "Meu texto"; break;
        case 2: string = "Outro Texto"; break;
        case 3: string = "Mais um texto"; break;
    }

    $('.texto').html(string);

    texto != 3 ? texto++ : texto = 1;
}, 3000);
});

DEMO

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .