我試圖讓這個文本淡出舊文本並淡入新文本

Question

我試圖讓文本淡出，但在新文本發生變化後再回來。我想知道在我的代碼中出現什麼文字可能是錯誤的，然後淡出，然後以一種醜陋的方式返回......我如何修改此代碼？謝謝。

您可以查看我在http://revolthub.com

<script type="text/javascript"> 
var text = ['Sometimes you just have to destroy everything in order to build something brand new<span class="period">.</span>', 'So, we decided to destroy the old way of doing things, and completely redesign Revolt<span class="period">.</span>']; 
var counter = 0; 
var elem = document.getElementById("changeText"); 
setInterval(change, 8000); 
$(elem).fadeIn(); 
function change(){ 
$(elem).fadeOut(); 
elem.innerHTML= text[counter]; 
    counter++; 
    if(counter >= text.length) { counter = 0; } 
    $(elem).fadeIn(); 
} 
</script> 

Answer 1

工作的網站，這個替換您的更改（）函數：

function change(){ 
    $(elem).fadeOut(400, function() { 
     elem.innerHTML = text[counter]; 
     counter++; 
     if(counter >= text.length) { counter = 0; } 
     $(elem).fadeIn(); 
    }); 
} 

說明：淡出功能立即返回，而比等待淡出完成。您需要將回調傳遞給fadeOut以進行更改，直至淡出實際完成。