使JavaScript每5秒更改一次背景图像 [英] Make JavaScript change background image every 5 seconds

问题描述

我想每隔5秒更改一次背景图片。我应该怎么做？

I am trying to change my background image every 5 seconds. How should I go about this?

window.onload = function () {

  function Timer() {
    window.setInterval("changeImage()", 5000);
  }

  function changeImage() {   
    var BackgroundImg["./Img/Bg1.jpg",
                      "./Img/Bg2.jpg",
                      "./Img/Bg3.jpg",
                      "./Img/Bg4.jpg"];
    var i = Math.floor((Math.random() * 3));
    var bgImg = document.body.style.backgroundImage();
    bgImg.url = BackgroundImg[i];
  }
}

推荐答案

你不正确地访问样式

window.onload = function () {

    function changeImage() {   
        var BackgroundImg["./Img/Bg1.jpg",
            "./Img/Bg2.jpg",
            "./Img/Bg3.jpg",
            "./Img/Bg4.jpg"
        ];
        var i = Math.floor((Math.random() * 4));
        document.body.style.backgroundImage = 'url("' + BackgroundImg[i] + '")';
    }
    window.setInterval(changeImage, 5000);
}

此外，如果可能（通常是）不要将字符串传递给 window.setInterval - 按上述方式使用

Also, if possible (usually is) don't pass a string to window.setInterval - use as above

这篇关于使JavaScript每5秒更改一次背景图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！