你的位置:首页 > 软件开发 > Java > javascript如何设置DIV背景色为随机色

javascript如何设置DIV背景色为随机色

发布时间:2016-06-18 16:00:04
随机色有两种格式:效果预览:http://wjf444128852.github.io/DEMOLIST/JS/test/index.html1、rgb(xxx,xxx,xxx)2、#xxxxxx下面实现两种随机的方法思路:就是如何让x都是随机的,1、中的xxx是0-255之间的 ...

随机色有两种格式:

效果预览:http://wjf444128852.github.io/DEMOLIST/JS/test/index.html

1、rgb(xxx,xxx,xxx)

2、#xxxxxx

下面实现两种随机的方法

思路:

就是如何让x都是随机的,

1、中的xxx是0-255之间的随机整数,用Math.random()*255取得0-255之间的随机数,

再Math.floor()保留小数点前面的

2、中的x是0123456789abxdef中的随机6个的组合,

这里可以用数组或者字符串处理,这里采用数组,

只要从数组里取6次,每次取得数组下标是0-16之间的随机整数即可。

注意(法二中虽然改变的是#XXXX,此时浏览器查看DOM元素的background-color属性值还是rgb格式的,

但是JS中赋值是#xxx格式。)

代码如下:

HTML

<body>  <div class="main">    <p><a href="javascript:;" id="btn-one">RandomColor-rgb</a></p>    <ul>      <li><div class="bg_color"></div></li>      <li><div class="bg_color"></div></li>      <li><div class="bg_color"></div></li>      <li><div class="bg_color"></div></li>    </ul>  </div>  <div class="main">    <p><a href="javascript:;" id="btn-two">RandomColor-#XXXXXX</a></p>    <ul>      <li><div class="bg_two"></div></li>      <li><div class="bg_two"></div></li>      <li><div class="bg_two"></div></li>      <li><div class="bg_two"></div></li>    </ul>  </div></body>

原标题:javascript如何设置DIV背景色为随机色

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。