连续更改页面的背景颜色不起作用

时间:2014-03-05 19:59:30

标签: javascript

我想不断改变页面的背景颜色。
我创建了一个代码来执行我想要的操作,但不适用于现代浏览器,例如ffchIE9+。 此外,没有任何错误消息显示。

代码:

function randColor(colorPackage) {
    var color = "", len = colorPackage.length - 1;
    for (var i = 0; i < 6; i++) {
        color += colorPackage[Math.ceil(Math.random() * len)];
    }
    return color;
}

var package = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f'];
setInterval(function () {
    document.body.style.backgroundColor = "'#" + randColor(package) + "'";
}, 1000);

2 个答案:

答案 0 :(得分:3)

你的样式行中有太多的引号。变化:

document.body.style.backgroundColor = "'#" + randColor(package) + "'";

为:

document.body.style.backgroundColor = "#" + randColor(package);

<强> jsFiddle example

答案 1 :(得分:1)

更改以下代码:

document.body.style.backgroundColor = "'#" + randColor(package) + "'";

document.body.style.backgroundColor = "#" + randColor(package);

检查this以了解有关该物业使用的更多详情。