I do not completely dominate jQuery, I have text in a div and would like it to have a fade effect and appear as a presentation ... or something like that.
More or less like this:
[appears in 2 seconds]
TEXT 1
[wait 5 seconds]
[add in 2 seconds]
[appears in 2 seconds]
TEXT 2
[wait 5 seconds]
[add in 2 seconds]
[appears in 2 seconds]
TEXT 3
[wait 5 seconds]
[add in 2 seconds]
Infinite Loop.
HTML code:
<div id="texto" class="header_title">
<h2>TEXTO AQUI</h2>
</div>
Hello, if I understand correctly, you can do it as follows.
With the setInterval method, you can repeat the desired commands after a certain time.
setInterval(function(){
$("#texto").fadeIn(ducarao).delay(tempo);
$("#texto").fadeOut(duracao);
}, tempo);
To select the DIV via Jquery you can use the selector $ ("#text"), thus selecting the element by its ID. Then with the function fadeIn () is performed the animation of "appearance" of the text, also realize that it is possible to pass to the function the time of the animation. The delay () function to keep the text on the screen for 5 seconds and finally the fadeOut () function to make the text disappear. I recommend that of those researched in these functions in google, since I can not share their links because they do not have enough reputation ...
$(function(){
$("#texto").hide();
});
var i = 2;
setInterval(function(){
$("#texto").fadeIn(2000).delay(5000);
$("#texto").fadeOut(2000, function(){
$("#texto").html("<h2>TEXTO "+ i +"</h2>");
i++;
});
}, 2000);<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script></head><body><divid="texto" class="header_title">
<h2>TEXTO 1</h2>
</div>
</body>
</html>Good luck!