淡入（），並在使用setInterval使用淡出（）（）

Question

你好freinds我怎樣才能使如下因素代碼fadein()fadeout()效果 工作，我想配fadein()效應和當前號碼去fadeout()影響每一個號碼。我可以讓它在循環..如果最後的號碼是fadeout()之後，第一個號碼是fadein()。像環

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

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

Answer 1

你可以做一個檢查上counter這樣的：

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

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

，或者如果目標是可見的，你也可以做檢查

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

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