Javascript sentence replacement

-3

How could I replace sentences in a certain part of my website at time intervals using javascript.

    
asked by anonymous 08.06.2018 / 00:51

2 answers

0

With JavaScript

Following the guidance of Anderson Carlos Woss, you have nothing to lose, see comments in the code

var i = 0;
var frase = [];

// Crie uma lista de textos que você deseja que apareça
frase[0] = "Como poderia substituir frases";
frase[1] = "em uma determinada parte do meu site";
frase[2] = "em intervalos de tempo";
frase[3] = "usando javascript. ";
frase[4] = "Valeu Anderson Carlos Woss. ";

//defina uma função que exiba um desses textos
function rodarFrases() {
   
   document.getElementById("texto").innerHTML = frase[i++];

   if (i >= frase.length)
      i = 0;
      //e faça com que essa função seja executada de tempos em tempos

   setTimeout("rodarFrases()", 3000);  
}

rodarFrases();
<div id="texto"></div>

With Jquery

(function(){
    var words = [
        'Como poderia substituir frases',
        'em uma determinada parte do meu site',
        'em intervalos de tempo',
        'usando jquery.'
        ], i = 0;
    setInterval(function(){
        $('#texto').fadeOut(function(){
            $(this).html(words[i=(i+1)%words.length]).fadeIn();
        });
    }, 3000);
        
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><div><spanid="texto">Como poderia substituir frases</span>
</div>
    
08.06.2018 / 02:10
0

As suggested by Anderson Carlos Woss , use setInterval with a list of phrases a presented. I made a snippet of code to help you out:

var frases = ["Frase 1",
              "Frase 2",
              "Frase 3",
              "Frase 4"];
var count = 0;

var changeText = function(){
  if(count <= 3){
    $("#txt").text(frases[count]);
    count++;
  }else{
    count = 0;
  }
};

$(document).ready(function(){
  setInterval(changeText, 1000);
}); 
    
08.06.2018 / 01:53