如何每15秒自動更改背景圖像？ JavaScript的？ jQuery的？

Question

我知道這聽起來很簡單，我在網絡上搜索腳本但是找不到任何東西。 我只想讓我的背景每15秒左右自動更換一次。 （如照片幻燈片，但作為背景。）我的樣式表控制着body標簽中的bg圖像。 謝謝您的幫助。

Answer 1

使用setInterval ，您可以在井間隔中調用任意函數：

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

Answer 2

使用setInterval非常簡單：

var currentIndex = 1;
var totalCount = 21;

setInterval(function() {
    if (currentIndex > totalCount)
        currentIndex = 1;

    $(body).css('background-image', 'url(/bg' + currentIndex++ + '.jpg)');
}, 15000);

Answer 3

<script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js"></script>
<script style="text/javascript">
    (function () {
        var curImgId = 0;
        var numberOfImages = 5; // Change this to the number of background images
        window.setInterval(function() {
            $('body').css('background','url("'+ curImgId +'.jpg")');// set the image path here
            curImgId = (curImgId + 1) % numberOfImages;
        }, 15 * 1000);
    })();

</script>