Javascript 向具有相同类的随机div添加和删除类

我试图建立一行圆圈，以一定的间隔随机更改类，但我不知道如何获取下面的内容，并使每个圆圈移动到不同的随机类。当前，下面的代码将把所有.circle div更改为相同的随机类

var classes = [
"cls-1",
"cls-2",
"cls-3",
"cls-4"
];
var $div = $(".circle");
setInterval(function() {
$.each(classes, function(i, c) {
    if ($div.hasClass(c)) {
        var j = Math.floor ( Math.random() * classes.length );
        $div.removeClass(c).addClass(classes[j]);
        return false;
    }
});
}, 1000); 

---

这可能是我忽略的一些简单的东西，但我对javascript非常陌生，非常感谢您的帮助！谢谢

在setInterval中，您可以调用函数，该函数首先从div中删除

classes

数组中的所有类，然后从同一数组中添加随机类

var类=[
“cls-1”，
“cls-2”，
“cls-3”，
“cls-4”
];
变量$div=$（“.circle”）；
setInterval（函数（）{
$div.each（函数（索引）{
$（this.removeClass（classes.join（“”））；
$（this.addClass（classes[Math.floor（Math.random（）*classes.length）]）；
})；//每个
}, 1000); //设定间隔

.circle
{
背景色：#ddd；
边界半径：50%；
浮动：左；
高度：60px；
利润率：10px；
宽度：60px；
}
.circle.cls-1{背景色：红色；}
.circle.cls-2{背景色：绿色；}
.circle.cls-3{背景色：蓝色；}
.circle.cls-4{背景色：黑色；}

---

有道理！非常感谢！