如何用JS随机背景颜色？

Posted 2023-05-10

现有<div id="bg"><h3>我的背景是随机的哦></h3></div>
现在想刷新页面后h3都能随机显示以下3种背景色的一种，背景色值分别为：#158AEA #996633 #66FF00
有劳大侠了
问题重新陈述一下哈：

现有<div id="bg">
<h3>随机背景1</h3>
<h3>随机背景2</h3>
</div>
现在想刷新页面后每个h3都能随机显示以下3种背景色的一种且背景色不能重复，背景色值分别为：#158AEA #996633 #66FF00

参考技术A 创建三个类名，三个类名分别给上三个背景颜色，如：
.bgColor0background-color:#158AEA;
.bgColor1background-color:#996633;
.bgColor2background-color:#66FF00;
获取012三个随机数前面添加字符串'bgColor'就得到随机的类名，然后给相应的元素添加得到的随机类名就行了。

而要获取012三个随机数就用Math.floor(Math.random()*3)获取。
不过你要求背景色不能重复，那么就把三个类名放进一个数组里。已经使用的类名就用”数组名.shift“把它从数组中弹出。然后剩下的两个类名就要获取01两个随机数，就用Math.floor(Math.random()*2)获取0和1其中一个数。
剩下的你知道该怎么做了。追问

麻烦请给个完整的html代码

追答

关键部分我已经说得很明白很详细了，你自己写。我码这么多字不容易。

追问

兄弟 俺小白哇 还是有劳给个完整的

如何用闪烁改变编辑器的背景颜色？

【中文标题】如何用闪烁改变编辑器的背景颜色？

【英文标题】：How to change the editor's background color with scintilla?

【发布时间】：2012-09-07 00:14:33

【问题描述】：

如何用scintilla改变编辑器的背景颜色，scintilla我不是很了解，但是确实有效，又如何？

【参考方案1】：

SendMessage(SCI_STYLESETBACK, STYLE_DEFAULT, RGB(0,0,0));

此代码将默认样式的背景设置为黑色。

【讨论】：

但是文字的背景颜色还是没有变化，看起来很奇怪，如何同时改变文字的背景颜色，非常感谢

如果您使用的是词法分析器，则需要为每种样式设置背景颜色。例如，如果您使用的是 C 词法分析器，则 SendMessage(SCI_STYLESETBACK, SCE_C_DEFAULT, RGB(0,0,0)) 然后对词法分析器中定义的每种样式都相同。

【参考方案2】：

SCI_STYLESETBACK 设置文本的背景颜色。如果它没有产生您正在寻找的结果，请发布屏幕截图。另一个可能对您有帮助的设置是：SCI_SETWHITESPACEBACK?

【参考方案3】：

试试这个；

SendMessage(SCI_STYLESETBACK, 32, (LPARAM)RGB(r, g, b));  // set back-color of window

SendMessage(SCI_STYLESETBACK, 33, (LPARAM)RGB(r, g, b));  // set back-color of margin