fadein () a fadeout () s použitím setinterval () - javascript, jquery

ahoj freinds, ako môžem urobiť nasledujúci kód pracovať s fadein() fadeout() účinok Chcem, aby prišlo ďalšie číslo fadein() efekt a aktuálne číslo idú s fadeout() účinok. môžem to urobiť v slučke ... ako keby to bolo posledné číslo fadeout() potom je prvé číslo fadein() , ako slučka

<script>
var counter = 1;
$(function() {
incrementCounter();
});

function incrementCounter() {
$("#fade").html(counter);
counter++;
if (counter < 4) {
setTimeout(incrementCounter, 2000);
}
}
</script>

odpovede:

mohli by ste to skontrolovať counter ako toto:

function incrementCounter() {
$("#fade").html(counter);
counter++;
if(counter%2)
$("#fade").fadeOut();
else
$("#fade").fadeIn();

if (counter < 4) {
setTimeout(incrementCounter, 2000);
}
}

alebo môžete tiež skontrolovať, či je cieľ viditeľný

function incrementCounter() {
$("#fade").html(counter);
counter++;
if($("#fade").is(":visible"))
$("#fade").fadeOut();
else
$("#fade").fadeIn();

if (counter < 4) {
setTimeout(incrementCounter, 2000);
}
}