Jquery 随机淡出图像序列是不稳定的

我正在运行一个随机图像淡出序列，它工作正常，但实际的淡出序列是不稳定的

var speed = 300;
timer= setInterval(function(){
 $notLoaded = $(".cover").not(".loaded");
 $notLoaded.eq(Math.floor(Math.random()*$notLoaded.length)).fadeOut(500).addClass("loaded");
 if ($notLoaded.length == 0) {
  clearInterval(timer);
 }
}, speed);

---

我想不起来淡出（500）是不是有点神经质……
您可以选择CSS3转换

CSS:

---

css3是一条路要走。好多了。谢谢，我没想过it@rob.m不客气。（注意：别忘了，旧浏览器不会为CSS3转换鼓掌）

.loaded{
   transition:0.5s;
   opacity: 0;
}

var speed = 300;
timer = setInterval(function(){
 $notLoaded = $(".cover").not(".loaded");
 $notLoaded.eq(Math.floor(Math.random()*$notLoaded.length)).addClass("loaded");
 if ($notLoaded.length === 0) {
    clearInterval(timer);
 }
}, speed);