精华内容
下载资源
问答
  • * @returns {String} 生成随机颜色字符串 * </pre> */ function getRandomColorString(){ return '#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6); } ...
    /**
     * <pre>
     * @returns {String} 生成随机的颜色字符串
     * </pre>
     */
    function getRandomColorString(){
    	return '#'+('00000'+(Math.random()*0x1000000<<0).toString(16)).slice(-6);
    }

     

    展开全文
  • javascript生成随机颜色

    2014-05-04 19:45:36
    <title>javascript生成随机颜色 <script type="text/javascript"> $(function(){ $("ul li").each(function(){ $(this).css("background-color",getRandomColor()); }); }) function getRandomColor() { ...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    	body{
    		font-size:12px;
    		font-family:"Courier New", Courier, monospace;
    		letter-spacing:5px;
    		}
    	ul{
    		list-style:none;		
    	  }
    	li{
    		width:130px;
    		height:130px;
    		line-height:130px;
    		vertical-align:middle;
    		text-align:center;
    		float:left;
    		margin-left:20px;
    	  }
    </style>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <title>javascript生成随机颜色</title>
    <script type="text/javascript">
    	$(function(){
    		$("ul li").each(function(){
    			$(this).css("background-color",getRandomColor());
    		});
    	})
    	function getRandomColor()
    	{
    		var c = '#';
    		var cArray = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'];
    		for(var i = 0; i < 6;i++)
    		{
    			var cIndex = Math.round(Math.random()*15);	
    			c += cArray[cIndex];		
    		}
    		return c;
    	}
    	
    </script>
    </head>
    
    <body>
    	<div>
        	<ul>
                <li>第一个色块</li>
    	    <li>第二个色块</li>
                <li>第三个色块</li>
                <li>第四个色块</li>
            </ul>
        </div>
    </body>
    </html>
    

    展开全文
  • [url]http://hi.baidu.com/lovebwf/blog/item/ddf768168f31894f20a4e942.html... /** * * 生成随机颜色 * @return rand */ function randomColor( ) { var rand = Math.floor(Math.random( ) * 0xFFFFFF)....
    [url]http://hi.baidu.com/lovebwf/blog/item/ddf768168f31894f20a4e942.html[/url]

    /**
    *
    * 生成随机颜色
    * @return rand
    */
    function randomColor( ) {
    var rand = Math.floor(Math.random( ) * 0xFFFFFF).toString(16);
    if(rand.length == 6){
    return rand;
    }else{
    return randomColor();
    }
    }

    /**
    * 反转颜色
    * @return 0xFFFFFF-color
    */
    function turnColor(color) {
    var color=(0xFFFFFF-Math.floor("0x"+color)).toString(16);
    var len = 6-color.length;
    for(var i=0; len!=i; i++) {
    color = "0"+color;
    }
    return color;
    }

    /**
    * 倒计时
    * @param time Date
    * @return *日*时*分*秒
    */
    function nowToDate(time){
    var now = new Date();
    if(time>now){
    var tmp = time - now;
    //秒
    tmp = Math.floor(tmp/1000);
    second = tmp%60;
    //分
    tmp = Math.floor(tmp/60);
    minute = tmp%60;
    //时
    tmp = Math.floor(tmp/60);
    hour = tmp%24;
    //天
    date = Math.floor(tmp/24);

    return "距离"+time.toLocaleString()+ "还有"+
    date+"天"+
    hour+"时"+
    minute+"分"+
    second+"秒";
    }else{
    return "你指定的时间已过去";
    }
    }
    展开全文
  • 主要介绍了使用javascript如何生成随机颜色,需要的朋友可以参考下
  • 为了营造网页的绚丽效果,有时候会使用让一些文本或者是元素每次刷新都呈现出不同的颜色样式,阿萌此次就来说一说两种实现随机颜色值的概念方法。此次介绍的两种思路是这样的:①利用数组或者是文本先定义好部分颜色...

    为了营造网页的绚丽效果,有时候会使用让一些文本或者是元素每次刷新都呈现出不同的颜色样式,阿萌此次就来说一说两种实现随机颜色值的概念方法。

    此次介绍的两种思路是这样的:

    ①利用数组或者是文本先定义好部分颜色值,然后随机抽取。

    ②利用随机函数通过特殊定义来生成颜色值。

    第一种,通过数组先定义几个需求的颜色值,然后随机抽取,这样用的比较多,毕竟万一随机到不舒服的颜色还会给网站造成负面效果。

    我是颜色

    var getColorArr = new Array("000000","D600FF","FF0000","0000FF","00A836");

    var getRandomColor = '#' + getColorArr[Math.floor(Math.random()*getColorArr.length)];

    document.getElementById('coo1').style.color=getRandomColor;

    效果浏览:我是颜色

    第二种,这种方法也比较简便,其实纵观颜色值,从#000000到#ffffff。看到这我们就应能联想到十六进制,那么我们就可以通过随机产生6位的十六进制数来作为颜色值。

    我是颜色

    var getRandomColor = '#'+Math.floor(Math.random()*16777215).toString(16);

    document.getElementById('coo2').style.color=getRandomColor;

    效果浏览:我是颜色

    其实还有其他方式随机生成颜色值的,例如定义字符串“0~F”,然后循环随机抽取一个字符,但是其实方式都差不多,我也就不多说了,如果有不理解的或者觉得代码有缺陷的,希望联系我探讨和改进,谢谢。

    展开全文
  • JavaScript生成随机颜色 (RGB)

    千次阅读 2019-11-11 18:44:11
    function randomColor() {//得到随机颜色值 var r = Math.floor(Math.random() * 256); var g = Math.floor(Math.random() * 256); var b = Math.floor(Math.random() * 256); return...
  • }javascript生成随机颜色 $(function(){ $("ul li").each(function(){ $(this).css("background-color",getRandomColor()); }); }) function getRandomColor() { var c = '#'; var cArray = ['0','1','2','3','4','...
  • <!DOCTYPE html> <title></title> 调用第一种 调用第二种 <button id="btn3">
  • JavaScript的代码片段生成一个随机的RGB颜色。 可以用于从与一个单一的代码线供给的颜色值,以转换到/有用的。 观看演示 var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() ...
  • 主要介绍了JavaScript实现简单生成随机颜色的方法,涉及javascript随机数与字符串运算及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
  • 主要介绍了JavaScript随机生成颜色的方法的相关资料,非常不错,代码简单易懂,具有参考借鉴价值,需要的朋友可以参考下
  • var randomColor = Math.floor(Math.... 看笔 Chris Coyier ( @chriscoyier ) 使用JavaScript生成新的随机十六进制颜色 在CodePen上 。 如果您希望它们更令人愉悦或需要生成可以协同工作的颜色,那么我们可以...
  • 随机数Math.random() 随机生成一个0-1的小数,可以使0,...1.应用:随机颜色设定 因为Math.random()只能是随机数值 因此使用rgb()语法来设定颜色 数值范围是0-255 rgb(数值1,数值2,数值3) <body> <p id=...
  • 本文介绍在JS中生成十六进制随机颜色的方法。 1. 使用 Math.random() 生成随机数 Math.random();//结果值(随机):0.9292672681984253 2. 使用 Number 对象的toString(n) 方法,将数字转换为十六进制字符串 ...
  • // 随机十六进制代码, eg: #ff0000 function randomColor(){ return '#'+Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0'); }
  • JavaScript随机生成颜色

    2014-07-14 08:37:59
    [b](1)RandomColor[/b] [url=http://llllll.li/randomColor/]http://llllll.li/randomColor/[/url] [img]http://dl2.iteye.com/upload/attachment/0099/0607/f6ab2070-ceba-30b3-99b1-f88133b70de4.png[/... [...
  • RGB颜色值与十六进制颜色码转换工具 在如上网页中可以查看到,若输入#f2c45会提示错误信息! 但是按网络上的方法来生成的话是会出现这种结果的,所以我们判定位数进行补零来达到六位进行使用! let randomColor = ...
  • 利用canvas制作一个随机验证码:  1、clearRect:context.clearRect(x,y,width,height);清空给定矩形内的指定像素  2、fillStyle:设置画笔的颜色  3、rotate(deg):旋转角度,以弧度旋转(弧度=degrees*Math.PI/...
  • JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换 1.随机生成的十六进制颜色 /** * 随机生成颜色 * @return 随机生成的十六进制颜色 */ function randomColor(){  var colorStr=Math.floor(Math...
  • //所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换 } 以上所述是小编给大家介绍的JavaScript随机生成颜色的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也...
  • JavaScript代码 var getRandomColor = function(){ return '#' + (function(color){ return (color += '0123456789abcdef'[Math.floor(Math.random()*16)]) && (color.length == 6) ?

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 181
精华内容 72
热门标签
关键字:

javascript生成随机颜色

java 订阅