我正在使用 java 脚本在一定时间后更改背景图像。但是我还有另外两张图片需要在完全相同的时间范围内更改。所以图像 A1、B1、C1，然后在 4 秒后。图片 A2、B2、C2。
这就是我如何更改其中一张图片 (id="bg-image")，但我如何使用相同的功能制作其他图片 (id="cta-image" 和 id="top-image")也变了？
<head>
<script>
var i = 0;
setInterval(function($){
var a = ["bg2.jpg", "bg3.jpg", "bg.jpg"];
i = (i > (a.length - 1))?0:i;
document.getElementById('bg-image').style.backgroundImage = "url('" + a[i++] + "')";
}, 4000,$);
</script>
</head>
<body>
<div style="overflow: hidden; position: absolute; left: 0px; top:0px; height: 100%; width: 100%; cursor:pointer; background-color: #3165ce;">
<div id="bg-image" class="bg"></div>
<div class="usk"></div>
<div id="cta-image" class="cta"></div>
<div id="top-image" class="top"></div>
<div class="clicklayer" onClick="window.open(getUriParams.clicktag);"></div>
</div>
</body>
<style>
.bg {
width: 100%;
height: 100%;
position: absolute;
background: url("bg.jpg") no-repeat bottom center / 100%;
background-size: auto 100%;
}
</style>
我试过复制没有用的功能