Javascript 如何使用jquery每5秒更改元素的背景色？

我想就这件事寻求帮助。我制作了4个带有2种背景颜色（红色和绿色）的盒子，没有使用html

以下是我的JSFIDLE：

如何识别现有背景色css，在5秒内交替更改（红色变为绿色&绿色变为红色）

对于这种问题，我不知道最好的查询是什么。你精彩的回答对我的学习有很大帮助。非常感谢

$(document).ready(function() {
function() {
    $( ".div1, .div3" ).animate({backgroundColor: 'red'
  }, 5000)};
});

您应该使用将代码重复几秒钟。因为您在

style

属性中添加了元素的

background

，所以可以使用来获取名称背景颜色

setInterval(function(){  
    $("div").each(function(){
        this.style.background = this.style.background == "green" ? "red" : "green";
    });
}, 5000);

setInterval（函数（）{
$（“div”）。每个（函数（）{
this.style.background=this.style.background==“绿色”？“红色”：“绿色”；
});
}, 1000);
div{height:50px}

改为切换类，并在CSS中播放动画。。。你不知道该搜索什么？。。。只要把你的标题放进谷歌你的演示有语法错误。我把它修好了。现在，你想每5秒更换一次所有div的颜色吗？@Mohammad-yes。现有的红色在每种情况下变为绿色，绿色变为红色5sec@Mohammadyow bro，想问一下这种方法。基于其上一个元素的背景颜色的背景更改。比如说：第一个盒子：红色第二个盒子：蓝色第三个盒子：绿色第四个盒子：黄色5秒钟后，盒子的颜色应该是这样的：第一个盒子：黄色第二个盒子：红色第三个盒子：蓝色第四个盒子：绿色代码是好的，但里面有一些错误。也许你忘了做一个if条件@Mohammad@EricoTimbang否，
中的一行代码。每个（）
都是条件。我明白了。我注意到，当间隔为绿色时，它将被激活。如果是红色，它将等待其他框先变为绿色。非常感谢您的帮助@Mohammad！非常感谢@EricoTimbang问题出现在代码的第4行。您将
背景色
添加到应该是
背景
的元素中。看见