Javascript 将css中的旋转背景设置为不重复

我试图阻止我的旋转背景重复。我在这里错过了什么？它需要去哪里？我让图像旋转和链接，但当背景渲染时，图像会重复

/*可点击背景*/
$（函数（）{
var bgImages=[“bkgd1.png”、“bkgd2.png”、“bkgd3.png”、“bkgd4.png”]；
var indexImage=Math.floor（Math.random（）*bgImages.length）；
/*
setInterval（函数（）{
$（'body'）.css（'background-image'，'url（/css/images/“+bgmimages[indexImage]+”）；
indexImage++；
if（indexImage==bgImages.length）{
指数=0；
}
}, 3000);
*/
$（'body'）.addClass（bgImages[indexImage]）.css（'background-image'，“url（/css/images/“+bgImages[indexImage]+”））；
});
$（'.clickableBG'）。单击（函数（）{
if（$（'body'）.hasClass（'bkgd1.png'））{
窗口打开（“https://www.google.com/","你自己",；
}
else if（$（'body'）.hasglass（'bkgd2.png'））{
窗口打开（“https://www.yahoo.com/");
}
else if（$（'body'）.hasglass（'bkgd3.png'））{
窗口打开（“https://www.aol.com/");
}
else if（$（'body'）.hasglass（'bkgd4.png'））{
窗口打开（“https://www.aol.com/");
}
});
/*可点击BG*/

我不知道我是否理解您的问题，但当您的意思是背景图像在一个元素中重复时，您应该使用：

background-repeat: no-repeat;

还有其他有用的选项：

background-color
background-repeat
background-attachment
background-position