js中获取随机颜色
2021/12/25 6:07:21
本文主要是介绍js中获取随机颜色,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
js中获取随机颜色
点击查看代码
//第一个参数只能传指定的数字和字符串3(#fff)6(#ffffff) "rgba"(rgba(255,255,255,1)) //第二个参数表示使用rgba的颜色时传的透明度数值 function getRandomColors(val, transparency = 1) { let result = []; let digits let rgbas switch (val) { case 3: digits = val break; case 6: digits = val break; case 'rgba': rgbas = 1 break; default: alert('第一个参数为3/4,第二个参数为透明度') return } if (rgbas === 1) { for (let i = 0; i < 3; i++) { result.push(Math.floor(Math.random() * 255));//获取0-255之间的随机数 } let colorss = `rgba(${result.toString()},${transparency})` return colorss } else { for (let i = 0; i < digits; i++) { result.push(Math.floor(Math.random() * 16).toString(16).toUpperCase());//获取0-15并通过toString转16进制通过toUpperCase()字母转大写 } let colorss = '#' + result.join('') return colorss } }
这篇关于js中获取随机颜色的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-28Vue入门教程:从零开始搭建第一个Vue项目
- 2024-12-28Vue CLI入门指南:快速搭建Vue项目
- 2024-12-28Vue3基础知识入门教程
- 2024-12-28Vue3公共组件开发与使用入门教程
- 2024-12-28Vue CLI学习:新手入门教程
- 2024-12-28Vue CLI学习:轻松入门与实践指南
- 2024-12-28Vue3公共组件学习入门指南
- 2024-12-28Vue3公共组件学习:从入门到上手实战
- 2024-12-28Vue3学习:从入门到初级实战教程
- 2024-12-28Vue3学习:新手入门与初级教程