JavaScript实现了一个简单的生成随机颜色的方法

本文给出了一个简单用JavaScript实现随机颜色生成的例子。分享给大家参考，如下：

如果您想要产生以下效果，每次刷新网页时都会产生一种颜色

其实很简单。生成随机颜色的基本核心是随机构造一个六位数的JavaScript随机数

而且这个六位数的每个数字都在0~f以内，所以有以下方法：

1.第一种是HTML布局。P标签用来放当前颜色，div的背景色就是这个颜色

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN ' ' http://www . w3 . org/TR/HTML 4/strict . DTD ' HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=utf-8 ' title randomcolor/title/head body p id=' colorStr '/p div id=' div 1 ' style=' width :100 px；高度：100px'/div/body/html2，后面是核心脚本：

script//color string var color str=' '；//字符串的每个字符的范围是var random arr=['0 '，' 1 '，' 2 '，' 3 '，' 4 '，' 5 '，' 6 '，' 7 '，' 8 '，' 9 '，' a '，' b '，' c '，'//为(var I=0；i6；I ){ //15为范围上限，0为范围下限。这两个函数保证生成的随机数是整数colorstr=randomarr [math。天花板(数学。random()*(15-0)0)]；} document . getelementbyid(' color str ')。innerhtml=' color:# ' ColorStr；document . getelementbyid(' div 1 '). style . background COlOr=' # ' ColorStr；/scriptPS:这里有一些功能类似的在线工具，供大家参考：

在线随机数/字符串生成工具：http://tools.jb51.net/aideddesign/suijishu

在线随机字符/随机密码生成工具：http://tools.jb51.net/aideddesign/rnd_password

在线RGB和HEX色码生成器：http://tools.jb51.net/color/rgb_color_generator

RGB颜色查询对照表_颜色码表_英文颜色名称：http://tools.jb51.net/color/jPicker

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》和0103010

希望本文对JavaScript编程有所帮助。