Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript随机更改颜色_Javascript_Html_Css_Colors_Generator - Fatal编程技术网

使用JavaScript随机更改颜色

使用JavaScript随机更改颜色,javascript,html,css,colors,generator,Javascript,Html,Css,Colors,Generator,我想创建一个随机改变颜色的HTML文档。我的问题是,我不擅长JavaScript 发电机应: 使用rgb()作为背景/文本颜色 每500毫秒更换一次颜色 它也适用于覆盆子皮(不滞后…) 一个例子是ducksarethebest.com 也许它应该有 现在我正在使用以下代码:(+一个CSS文件和我的html文档) 但我对它不满意,因为我必须定义颜色,生成器选择 感谢您的帮助或避免生成,否则您必须将其设置为背景+彩色文本!因为如果你的文本是黑色的,并且它生成黑色,你将什么也看不到,但是它不会每5

我想创建一个随机改变颜色的HTML文档。我的问题是,我不擅长JavaScript

发电机应:

  • 使用rgb()作为背景/文本颜色
  • 每500毫秒更换一次颜色
  • 它也适用于覆盆子皮(不滞后…)
  • 一个例子是ducksarethebest.com
  • 也许它应该有
现在我正在使用以下代码:(+一个CSS文件和我的html文档)

但我对它不满意,因为我必须定义颜色,生成器选择


感谢您的帮助

或避免生成,否则您必须将其设置为背景+彩色文本!因为如果你的文本是黑色的,并且它生成黑色,你将什么也看不到,但是它不会每500毫秒改变它的背景…或者避免生成,否则你必须使它成为背景+彩色文本!因为如果你的文本是黑色的,并且它生成了黑色,你将什么也看不到,但是它不会每500毫秒改变背景。。。
function setbackground()
{
    window.setTimeout( "setbackground()", 1000); //  milliseconds delay

    var index = Math.round(Math.random() * 9);

    var ColorValue = "FFFFFF"; // default color - white (index = 0)

    if(index == 1)
        ColorValue = "FFFFFF"; 
    if(index == 2)
        ColorValue = "FF0000"; 
    if(index == 3)
        ColorValue = "F80000"; 
    if(index == 4)
        ColorValue = "000000"; 
    if(index == 5)
        ColorValue = "FFCCBB"; 
    if(index == 6)
        ColorValue = "334FFC"; 
    if(index == 7)
       ColorValue = "CCCC22"; 
    if(index == 8)
        ColorValue = "3366FF"; 
   if(index == 9)
        ColorValue = "CCCCCC"; 

   document.getElementsByTagName("body")[0].style.backgroundColor = "#" + ColorValue;
}