Javascript CSS：每隔几秒钟更改一次背景？

所以我对HTML和CSS是新手，我目前正在做一些研究

我使用的模板，我试图改变背景图像每5秒

我已经发现，背景图像是在CSS中定义的

#bg:after {
        -moz-transform: scale(1.125);
        -webkit-transform: scale(1.125);
        -ms-transform: scale(1.125);
        transform: scale(1.125);
        -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out;
        -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out;
        -ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out;
        transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out;
        background-image: url("../../images/bg1.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }

我想有多个背景，每几秒钟改变

这怎么可能

---

谢谢。

使用此代码每5秒更改一次背景色

正文{
-webkit动画名称：bgcolor；
-webkit动画持续时间：5s；
动画名称：bgcolor；
动画持续时间：5s；
动画迭代次数：无限；
}
@-webkit关键帧颜色{
0% {
背景：固定的径向梯度（50%-20%，#16113B，#16113B）；
}
14.3% {
背景：固定的径向梯度（50%-20%，#9b00a1，#16113B）；
}
28.6% {
背景：固定的径向梯度（50%-20%，#0062a1，#16113B）；
}
42.9% {
背景：固定的径向梯度（50%-20%，#00a18e，#16113B）；
}
57% {
背景：固定的径向梯度（50%-20%，#00a144，#16113B）；
}
71% {
背景：径向梯度（在50%-20%时，#a18200，#16113B）固定；
}
85.6% {
背景：固定的径向梯度（50%-20%，#a10000，#16113B）；
}
100% {
背景：固定的径向梯度（50%-20%，#A1000BD，#16113B）；
}
}
@关键帧颜色{
0% {
背景：固定的径向梯度（50%-20%，#16113B，#16113B）；
}
14.3% {
背景：固定的径向梯度（50%-20%，#9b00a1，#16113B）；
}
28.6% {
背景：固定的径向梯度（50%-20%，#0062a1，#16113B）；
}
42.9% {
背景：固定的径向梯度（50%-20%，#00a18e，#16113B）；
}
57% {
背景：固定的径向梯度（50%-20%，#00a144，#16113B）；
}
71% {
背景：径向梯度（在50%-20%时，#a18200，#16113B）固定；
}
85.6% {
背景：固定的径向梯度（50%-20%，#a10000，#16113B）；
}
100% {
背景：固定的径向梯度（50%-20%，#A1000BD，#16113B）；
}
}

函数运行（间隔、帧）{
var int=1；
函数func（）{
document.body.id=“b”+int；
int++；
如果（int==帧）{int=1；}
}
var swap=window.setInterval（func，interval）；
}
跑（1000，10）//毫秒，帧

#b1{背景：hsl（0,50%，50%）}
#b2{背景：hsl（30,50%，50%）；}
#b3{背景：hsl（60,50%，50%）；}
#b4{背景：hsl（90,50%，50%）；}
#b5{背景：hsl（120,50%，50%）；}
#b6{背景：hsl（150,50%，50%）；}
#b7{背景：hsl（180,50%，50%）；}
#b8{背景：hsl（210,50%，50%）；}
#b9{背景：hsl（240,50%，50%）；}
#b10{background:hsl（270,50%，50%）；}

使用Javascript更新#bg:after->background image url属性？它每5秒更改8次，意味着它实际上每62.5毫秒更改一次