javascript - 如何通过 CSS 和 JS 让我的背景图像每 15 秒左右更改一次

Question

我需要它做的是每 15 秒左右随机更改背景。
JS:

<script>
    (function () {
        var curImgId = 0;
        var numberOfImages = 5; // Change this to the number of background images
        window.setInterval(function () {
            $('body').css('background-image', 
             'url(/images/background_images' + curImgId + '.jpg)');
            curImgId = (curImgId + 1) % numberOfImages;
        }, 15 * 1000);
    })();
</script>

CSS:

body {
    margin:0;
    /*background-image:url(images/background_images/image1.jpg);
    background-image:url(images/background_images/image2.jpg);
    background-image:url(images/background_images/image3.jpg);
    background-image:url(images/background_images/image4.jpg);*/
    background:url(upload.js);
    background-size:cover;
    background-repeat:no-repeat;
}

我将要使用的图像列表

http://mrsnapatya.net/screenshot1.png

文件目录是/images/background_images/

那么有什么线索是我做错了吗？

Answer 1

url 函数需要一个字符串 -

$('body').css('background-image','url("images/background_images/image' + curImgId + '.jpg")');