jQuery在超时时淡入淡出

这是一个非常常见的问题，但我希望淡出一些文本，更改它，然后淡入

到目前为止，我的代码是：

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小提琴

删除额外的

}）

[更新]：

交换更新的JSFIDLE中的最后两行（第7行和第8行）

删除额外的
}）

[更新]：

交换更新的JSFIDLE中的最后两行（第7行和第8行）

你想要这样的东西吗

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);

这里是jsiddle演示
您想要这样的东西吗

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);

这里的jsiddle演示
对不起，这是我复制的地方留下的。不幸的是，这并不是破坏它的原因。对不起，这是我复印的地方留下的。不幸的是，这并不是破坏它的原因。似乎起作用：：似乎起作用：：在
setInterval
中使用
setTimeout
很奇怪，我可能只是不清楚。非常感谢！在
setInterval
中使用
setTimeout
很奇怪，这正是我想要的，我可能只是不清楚。非常感谢！