How to change between texts according to time?

2

How do I get alternating time-bound text in a div? I do not know the command in jQuery, I tried the code below but it does not work.

<!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').togglefunction(){$('#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>

If anyone can help, thank you.

    
asked by anonymous 03.07.2014 / 15:43

2 answers

3

I have prepared an example with 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);
});

Functional sample in JSFiddle

    
03.07.2014 / 15:57
1

You can use setInterval , see an example below

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

    
03.07.2014 / 15:54