每次加載網頁時，如何使用JavaScript用新圖像更改背景？

Question

我有一個在主體元素上附加了背景圖像的網頁，我想在每次加載窗口時使用新圖像來更改背景，因此我編寫了以下代碼，但它不起作用，我無法弄清丟失的內容。

JS：

window.onload = function(){  
var bgdynamic = document.getElementById("bgdynamic");  
var imgarray = new Array("bgs/bg_01.jpg", "bgs/bg_02.jpg", "bgs/bg_03.jpg", "bgs/bg_04.jpg", "bgs/bg_05.jpg", "bgs/bg_06.jpg", "bgs/bg_07.jpg");  
var spot = Math.floor(Math.random()* imgarry.length);  
bgdynamic.style.backgroundImage="url("+imgarray[spot]+")";
};

CSS：

body {
  background-image: url(bgs/bg_01.jpg);
  background-repeat: no-repeat;
  background-size:cover;

}

HTML：

<body id="bgdynamic">
Content goes...
</body>

Answer 1

您錯過了

var spot = Math.floor(Math.random()* imgarry.length);

應該：

var spot = Math.floor(Math.random()* imgarray.length);`

jsfiddle

Answer 2

我認為您在使用Math.random（）時遇到問題，我認為這應該可以解決此問題：

var spot = (Math.Random() * imgarray.length) * 10

每次加載網頁時，如何使用JavaScript用新圖像更改背景？

問題描述

2 個解決方案

解決方案1
1 2014-05-23 12:59:58

解決方案2
-1 2014-05-23 12:47:41

每次加載網頁時，如何使用JavaScript用新圖像更改背景？

問題描述

2 個解決方案

解決方案1 1 2014-05-23 12:59:58

解決方案2 -1 2014-05-23 12:47:41

解決方案1
1 2014-05-23 12:59:58

解決方案2
-1 2014-05-23 12:47:41