How could I replace sentences in a certain part of my website at time intervals using javascript.
How could I replace sentences in a certain part of my website at time intervals using javascript.
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>
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);
});