现有我的背景是随机的哦>
现在想刷新页面后h3都能随机显示以下3种背景色的一种,背景色值分别为:#158AEA #996633 #66FF00
有劳大侠了
问题重新陈述一下哈:
现有
随机背景1
随机背景2
现在想刷新页面后每个h3都能随机显示以下3种背景色的一种且背景色不能重复,背景色值分别为:#158AEA #996633 #66FF00
如何用JS随机背景颜色?
答案:2 悬赏:60 手机版
解决时间 2021-02-12 18:40
- 提问者网友:寂寞撕碎了回忆
- 2021-02-12 08:51
最佳答案
- 五星知识达人网友:鸽屿
- 2021-02-12 10:23
创建三个类名,三个类名分别给上三个背景颜色,如:
.bgColor0{background-color:#158AEA;}
.bgColor1{background-color:#996633;}
.bgColor2{background-color:#66FF00;}
获取012三个随机数前面添加字符串'bgColor'就得到随机的类名,然后给相应的元素添加得到的随机类名就行了。
而要获取012三个随机数就用Math.floor(Math.random()*3)获取。
不过你要求背景色不能重复,那么就把三个类名放进一个数组里。已经使用的类名就用”数组名.shift“把它从数组中弹出。然后剩下的两个类名就要获取01两个随机数,就用Math.floor(Math.random()*2)获取0和1其中一个数。
剩下的你知道该怎么做了。
.bgColor0{background-color:#158AEA;}
.bgColor1{background-color:#996633;}
.bgColor2{background-color:#66FF00;}
获取012三个随机数前面添加字符串'bgColor'就得到随机的类名,然后给相应的元素添加得到的随机类名就行了。
而要获取012三个随机数就用Math.floor(Math.random()*3)获取。
不过你要求背景色不能重复,那么就把三个类名放进一个数组里。已经使用的类名就用”数组名.shift“把它从数组中弹出。然后剩下的两个类名就要获取01两个随机数,就用Math.floor(Math.random()*2)获取0和1其中一个数。
剩下的你知道该怎么做了。
全部回答
- 1楼网友:走死在岁月里
- 2021-02-12 12:01
首先你必须知道表达颜色的几种方式
1、通过英文单词 如:green
2、通过十六进制 如:#ffffff
3、通过rgb 如:rgb(255,255,255)
如果是通过英文单词的话,可以通过自定义一些颜色英文单词数组,然后从数组中随机取值,然后赋值给标签相关属性就可以了。如果是通过第二种方式的话,可以通过js里面的随机函数math.random()拼接一个十六进制的数字。同样,在第三种方案也是通过系统随机函数来构造颜色。
至于字体的话,同理。不过只能采用自定义的方案了。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯