我正在尝试一个简单的随机背景颜色生成器。当用户单击该按钮时,背景颜色将更改为随机的RGB值。但是,我也希望按钮本身在单击时变为随机颜色。 我尝试将DOM操纵器放在事件侦听器和随机RGB函数中。然而,我一直收到这个错误消息: script.js:19 Uncaught TypeError: Cannot set property 'backgroundColor' of undefined
at randomBgColor (script.js:19)
at HTMLButtonElement.<anonymous> (script.js:7)
ra
该按钮应该将随机方的颜色更改为随机颜色。这是我的代码,我想出了如何同时改变每个正方形的随机颜色,但一次只能选择一个随机的方块。你能看看吗?这些评论会告诉你我的想法:
// Elements grabbed from the document
let square1 = document.getElementById('square1');
let square2 = document.getElementById('square2');
let square3 = document.getElementById('square3')
let
我不擅长Jquery,但我尝试过用下划线颜色和随机颜色构建each li,例如,这是一个粗略的结构:
我在Jquery中使用函数随机颜色,如何将Linear gradient在function random color中设置为类似示例?
我试着
FROM
return 'radial-gradient(at top left, '+c1.rgb+'25%,'+c2.rgb+'50%,'+c3.rgb+'100%)';
TO
return 'linear-gradient(left, '+c1.rgb+'2
我试图使用Javascript (由用户客户端创建)尽可能快和轻巧地获取一个随机的、不可预测的相当长的数字(±20-25位数)。这个解决方案是否足够可靠、可靠和安全?
打开联机页面时,存储13位数字的时间戳。计时器确定用户单击“OK”之前的毫秒数(假设他有一个简短的文本要阅读或其他任何事情要做)。使用随机固定的初始RGBA颜色(A=0=transparency)创建了一个包含100个不可见‘像素’(1*1 pixels)的集合。
let d = Date.now(); // timestamp 13 digits
let n = 100 // number of '
当前的功能是为RGB生成随机数,并根据该随机数设置RGB颜色。
function randomColor(){
r = Math.floor(Math.random() * (256));
g = Math.floor(Math.random() * (256));
b = Math.floor(Math.random() * (256));
jQuery('.bg').css('background-color','rgb('+r+','+g+','+b+')');
JS
var part_of_doc = false; //a character has been found that is not part of the visible document
var body;
//will be used to generate random rgb
function randint(max, min) {
return Math.floor((Math.random() * (max - min)) + min);
}
//generate a random rgb(x,y,z) string
function randRGB(){
所以我的主要目标是在点击按钮后每隔1秒随机化背景。问题是,当我的控制台输出RGB时,我每秒都会得到随机的RGB,但背景只有在最后一次迭代之后才会改变。
function random_background(){
var i;
for(i = 0; i < 3; i++){
let red = Math.floor(Math.random() * 256);
let green = Math.floor(Math.random() * 256);
let blue = Math.floor(Math.random() * 256);
let randomco
正如标题所说,我一直在尝试这样做,通过在给定的表单中键入一个数字并按下go,它将生成该数量的具有随机颜色背景的框。 以下是到目前为止的JS: <script type="text/javascript">
var number = 3;
function numBoxes(){
var form = document.getElementById("form1");
var container = document.getElementById("container");
while (container
我有一个网站与不同的消息框。这些盒子的头部应该始终具有不同的随机颜色。为了防止相邻的消息具有相同的颜色,我使用splice从数组colors中删除所使用的颜色。在某些情况下,数组colors将为空,这就是为什么其余的框没有颜色的原因。如何“重新填充”数组,让每个元素都有一个随机的颜色?
这是我的页面:。黄色是默认的头部颜色。
function selectColor() {
var random = Math.floor(Math.random() * colors.length);
return colors.splice( random, 1 )[0];
}
var co
试图创建一页正方形,每一个都有不同的颜色。到目前为止,我有一个随机颜色生成器工作,但到目前为止,它设置每个方格相同的随机颜色时,每次页面加载,只是试图找出一种方法,给每个方格一个不同的随机颜色。
我尝试使用函数来创建不同的颜色,但效果并不好,下面是我的随机数生成器的代码:
var red = Math.floor(Math.random()* 255);
var green = Math.floor(Math.random() * 255);
var blue = Math.floor(Math.random() * 255);
这是我的一个方块的代码(它们都有相同的代码,只是不同的坐标)。