码迷,mamicode.com
首页 > 其他好文 > 详细

随机颜色的多种写法

时间:2017-07-11 23:23:00      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:logs   for   使用   back   dom   style   font   div   function   

  今天给大家讲讲随机颜色怎么来实现。以下是我的两种方法;

  方法一

    十六进制随机颜色:字符串的拼接;

js:

function ranColor(){
    var colors="#";
    for(var i=0; i<6;i++){
        colors=colors+Math.floor(Math.random()*16).toString(16);
    }
    return colors;
}
        var oDiv=document.getElementById(div);
        oDiv.style.background=ranColor();


html:

<div id="div" style="width: 100px;height: 100px"></div>

   方法二:

    使用RGB来实现随机颜色:

 

       1.写一个随机数范围0-255
     2封装一个函数, 返回字符串拼接 【rgb (1,1,1)
js:

function getRan(a,b){
    return  Math.floor(Math.random()*(b-a+1)+a)
}

function rgeColor(){
    return "rgb("+getRan(0,255)+","+getRan(0,255)+","+getRan(0,255)+")"
}
//alert(rgeColor())

var oDiv=document.getElementById(div)
oDiv.style.background=rgeColor();


html:

<div id="div" style="width: 100px;height: 100px">

注意:JS必须全部写在window.onload中 。

 

 

随机颜色的多种写法

标签:logs   for   使用   back   dom   style   font   div   function   

原文地址:http://www.cnblogs.com/yhyanjin/p/7152685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!