时间戳

首页 > 解决方案 > 变色背景不会改变颜色

javascript - 变色背景不会改变颜色

问题描述

我正在编写一个游戏代码，该代码需要使用 Math.floor()、Math.random() 和数组来创建随机十六进制代码的随机颜色闪烁背景。我希望背景每 1 秒改变一次颜色，但颜色甚至不会首先出现。这是我的代码；

<script>
var a = ["1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
var b = ["1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
var c = ["1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
var d = ["1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
var e = ["1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
var f = ["1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];

var A;
var B;
var C;
var D;
var E;
var F;

setInterval(function(){
A = a[Math.floor(Math.random()*a.length)];
B = b[Math.floor(Math.random()*b.length)];
C = c[Math.floor(Math.random()*c.length)];
D = d[Math.floor(Math.random()*d.length)];
E = e[Math.floor(Math.random()*e.length)];
F = f[Math.floor(Math.random()*f.length)];
},1000);

document.body.style.backgroundColor = "#"+A+B+C+D+E+F;
</script>

如果有人可以提供帮助，那就太好了！

标签： javascripthtmlcss

解决方案

这条线

document.body.style.backgroundColor = "#"+A+B+C+D+E+F;

应该进入你的setInterval

IE

setInterval(function() {
  A = a[Math.floor(Math.random()*a.length)];
  B = b[Math.floor(Math.random()*b.length)];
  C = c[Math.floor(Math.random()*c.length)];
  D = d[Math.floor(Math.random()*d.length)];
  E = e[Math.floor(Math.random()*e.length)];
  F = f[Math.floor(Math.random()*f.length)];
  document.body.style.backgroundColor = "#"+A+B+C+D+E+F;
},1000);

推荐阅读