Eu tenho o seguinte código que gostava que fizesse fadeIn
e fadeOut
passados 3 segundos. Pensei em usar setInterval
para fazer o loop e depois usar um setTimeout
para dar o tempo que cada div
estava visível. Existe alguma forma de fazer o que desejo? Tenho algo mal no meu código?
setInterval(function(){
setTimeout(function(){
$(".emer3").fadeOut("fast");
$(".emer1").fadeIn("fast");
}, 3000);
setTimeout(function(){
$(".emer1").fadeOut("fast");
$(".emer2").fadeIn("fast");
}, 3000);
setTimeout(function(){
$(".emer2").fadeOut("fast");
$(".emer3").fadeIn("fast");
}, 3000);
}, 9000);
<div class="col-lg-12 col-sm-12 col-xs-12 col-md-12" style="margin-top:100px;">
<div class="col-lg-4 col-sm-4 col-xs-4 col-md-4 emer1">
252 252 252
</div>
<div class="col-lg-4 col-sm-4 col-xs-4 col-md-4 emer2" style="display:none">
252 252 252
</div>
<div class="col-lg-4 col-sm-4 col-xs-4 col-md-4 emer3" style="display:none">
252 252 252
</div>
</div>
Exemplo neste JSFIDDLE
setInterval
? Queres voltar a esconder depois?setInterval
é suposto funcionar como um lopp infinito mas não está a resultar como esperado