jQuery的淡入和淡出的超時

Question

這是一個很常見的問題，但我期待淡出一些文本，更改然後褪色它放回

到目前爲止我的代碼是：

setTimeout(function(){ 
    $("#ilovequote").fadeOut(500, function(){ 
    var ilovequotes = ["CSS3", "Photoshop", "AJAX", "jQuery", "Social Media API's"]; 
    var rand = ilovequotes[Math.floor(Math.random() * ilovequotes.length)]; 
    $('#ilovequote').html(rand); 
     $("#ilovequote").fadeIn(500); 
    }); 
    }, 500); 
}); 

但由於某種原因，這是行不通的。我正在尋找這方面的幫助，基本上我只需要一段足夠長的時間閱讀這個單詞就能獲得流暢的動畫效果。

JS FIDDLE

http://jsfiddle.net/rJDWb/

Answer 1

你想要這樣的東西嗎？這裏

var cnt = 0; 
setInterval(function(){ 
cnt ==4 ? cnt=0:cnt++ 
    $("#ilovequote").fadeOut(500, function(){ 
     var ilovequotes = ["CSS3", "Photoshop", "AJAX", "jQuery", "Social Media API's"]; 
     var rand = ilovequotes[cnt]; 
     $('#ilovequote').html(rand); 
     $("#ilovequote").fadeIn(500); 
    }); 
},1000); 

的jsfiddle演示http://jsfiddle.net/BMBDd/2/

Answer 2

刪除多餘的});

setTimeout(function() { 
    $("#ilovequote").fadeOut(500, function() { 
     var ilovequotes = ["CSS3", "Photoshop", "AJAX", "jQuery", "Social Media API's"]; 
     var rand = ilovequotes[Math.floor(Math.random() * ilovequotes.length)]; 
     $('#ilovequote').html(rand); 
     $("#ilovequote").fadeIn(500); 
    }); 
}, 500); 

[更新]：

交換在更新的jsfiddle你的最後兩行（行7 & 8）

http://jsfiddle.net/samliew/rJDWb/2/