js随机改变背景颜色

简介: 这个程序里面,最让我感觉不错的是:   var r,g,b;     r = decToHex(randomNumber(256)-1);     g = decToHex(randomNumber(256)-1);     b = decToHex(randomNumber(256)-1);     document.
这个程序里面,最让我感觉不错的是:
  1.   var r,g,b;  
  2.   r = decToHex(randomNumber(256)-1);  
  3.   g = decToHex(randomNumber(256)-1);  
  4.   b = decToHex(randomNumber(256)-1);  
  5.   document.bgColor = "#" + r + g + b; 

这段生成颜色的代码相当的赞,很不错的算法~~~

JavaScript代码

  1. function randomNumber(limit){  
  2.   return Math.floor(Math.random()*limit);  
  3. }function decToHex(dec)  
  4. {  
  5.   var hexStr = "0123456789ABCDEF";  
  6.   var low = dec % 16;  
  7.   var high = (dec - low)/16;  
  8.   hex = "" + hexStr.charAt(high) + hexStr.charAt(low);  
  9.   return hex;  
  10. }function randomBgColor()  
  11. {  
  12.   var r,g,b;  
  13.   r = decToHex(randomNumber(256)-1);  
  14.   g = decToHex(randomNumber(256)-1);  
  15.   b = decToHex(randomNumber(256)-1);  
  16.   document.bgColor = "#" + r + g + b;  
  17. }  
  18. randomBgColor(); 

 

 

http://www.footya.com/?action=show&id=12

目录
相关文章
|
3月前
|
JavaScript
js 生成随机数(含随机颜色)
js 生成随机数(含随机颜色)
20 0
|
4月前
|
JavaScript 前端开发
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
JavaScript 计算颜色的相对亮度,并确定相应的文本颜色
46 0
|
JavaScript
jQuery jquery.color.js 背景颜色支持动画
jQuery jquery.color.js 背景颜色支持动画
99 0
|
5月前
|
前端开发
编程笔记 html5&css&js 018 HTML颜色
编程笔记 html5&css&js 018 HTML颜色
|
10月前
|
前端开发 JavaScript
使用 JavaScript 和 CSS 的随机颜色生成器
使用 JavaScript 和 CSS 的随机颜色生成器
121 0
|
11月前
|
JavaScript 小程序
小程序通过js控制页面字体颜色属性
小程序通过js控制页面字体颜色属性
80 0
|
12月前
|
JavaScript 前端开发
JavaScript时间戳获取及时间戳判断(同时设置不同的颜色。已开始的事件显示绿色,未开始的事件显示黑色,过去的事件显示灰色)
JavaScript时间戳获取及时间戳判断(同时设置不同的颜色。已开始的事件显示绿色,未开始的事件显示黑色,过去的事件显示灰色)
86 0
|
12月前
|
JavaScript 前端开发
随机色 | JavaScript获取随机颜色
JavaScript 随机颜色有很多方法,在项目中使用如下方法,方法选自网络,并结合实际更改
154 0
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏Echarts高级开发散点图实战案例分析(地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图、条件判断颜色)
数据可视化大屏Echarts高级开发散点图实战案例分析(地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图、条件判断颜色)
566 0
|
JavaScript
JS数据根据键值匹配Echarts颜色的解决方案
JS数据根据键值匹配Echarts颜色的解决方案
68 0