随机颜色相关

最新推荐文章于 2024-11-18 22:03:33 发布

wangzhantao

最新推荐文章于 2024-11-18 22:03:33 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript基础

本文链接：https://blog.youkuaiyun.com/wangzhantao/article/details/84458629

javascript基础专栏收录该内容

20 篇文章

订阅专栏

本文介绍了四种不同的随机颜色生成方法，包括直接生成六位颜色代码、使用递归方式填充颜色值、通过数学运算产生随机十六进制颜色等。这些方法适用于前端开发中需要动态颜色的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

随机颜色方法记载：

方法1

	// 生成6位    颜色rgb
	var getRandomColor = function(){
	  return  '#' +
	    (function(color){
	    return (color +=  '0123456789abcdef'[Math.floor(Math.random()*16)])
	      && (color.length == 6) ?  color : arguments.callee(color);
	  })('');
	}

方法2

	//生成 随机颜色 rgb的方法2
	var getRandomColor1 = function(){
		  return (function(m,s,c){
		    return (c ? arguments.callee(m,s,c-1) : '#') +
		      s[m.floor(m.random() * 16)]
		  })(Math,'0123456789abcdef',5)
		}

方法3

	//得到颜色值 方法3    16777215为十六进制0xffffff   取得方法：（alert(parseInt("0xffffff",16).toString(10));）
	//思想 随机产生0x000000 - 0xffffff 之间的一个十进制的数，然后在转换成十六进制 
	var getRandomColor3 = function(){
		  return '#'+Math.floor(Math.random()*16777215).toString(16);
	}

方法4

十六进制运算符例子： http://bbs.blueidea.com/thread-2943930-1-1.html

	// 用十六进制 
	var getRandomColor4 = function(){
		  return '#'+(function(h){
		    return new Array(7-h.length).join("0")+h
		  })((Math.random()*0x1000000<<0).toString(16))
	}

document.write( "<div style='color:"+ getRandomColor5() +"'>222222</div>" );