首页 > 其他分享 >js随机产生不同颜色

js随机产生不同颜色

时间:2023-02-28 21:03:16浏览次数:25  
标签:function 颜色 floor color random js 随机 return Math


方法一(随机RGB颜色值)#####

//颜色对象
function getRandomColor(){
this.r = Math.floor(Math.random()*255);
this.g = Math.floor(Math.random()*255);
this.b = Math.floor(Math.random()*255);
this.color = 'rgba('+ this.r +','+ this.g +','+ this.b +',0.8)';
}

方法二 (生成十六进制的颜色值)

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

方法三

function getRandomColor(){
return '#'+Math.floor(Math.random()*256).toString(10);
}

方法四

function getRandomColor(){
return '#'+Math.floor(Math.random()*0xffffff).toString(16);
}

方法五

function getRandomColor(){
return '#'+Math.random().toString(16).slice(2,8)
}

 

标签:function,颜色,floor,color,random,js,随机,return,Math
From: https://blog.51cto.com/u_15983333/6091808

相关文章

  • 原生js实现3D照片墙
    聊一下心得:CSS写得好,真的可以省很多js代码哈,写起来也简单很多,所以要好好掌握js哈,所以这里也提供了css代码,如果您觉得您的css写得不错,可以直接看js代码哦效果:1、点击StartVi......
  • js中阻止事件冒泡与阻止事件默认行为
    一、冒泡事件我们都知道冒泡就像水底气泡浮到水面这一过程。冒泡事件即是事件从最底层逐个经过上面一级级事件的过程,就是冒泡事件。那么如何有效的阻止冒泡事件的发生?其实在......
  • JS内存爆破问题
    原理检测到调试,格式化等,疯狂的在js文件,或者html中进行读写,cookie重写追加,字节追加,导致内存不足够,卡死内存爆破,指js通过死循环/频繁操作数据库(包括cookie)/频繁调取histo......
  • json(1)键值对
    好了进入正题json教程(1):键值对其实键值对非常好理解,毕竟生活中处处都有键可以理解为数据的名称值就是数据拿我们的幸运观众举个例子首先,他的名字是李子墨名字就......
  • 微信json对象 转换为json字符串传参给后端,后端解析
    普通js通常这样转换//这是一个json对象varjsonobj={"sztno":"330890811","transTime":"2018-5-708:00:36","amt":"50"};//json对象转成json字符串varjsonstr=JSON.s......
  • JS混淆解密技术研究与案例分析
    引言在现代互联网的世界中,JavaScript(JS)已成为最为流行和广泛使用的编程语言之一。JS的开发人员使用它来构建各种Web应用程序,包括网站、应用和游戏等。然而,随着JS应......
  • JsonResponse中文乱码问题
    直接使用JsonResponse返回结果中文乱码returnJsonResponse({'ret':0,'msg':f'id为{customer_id}的客户信息删除成功'})解决乱码问题可以添加json_dumps_params={'e......
  • zabbix钉钉告警js脚本
    varDingding={params:{},proxy:null,setParams:function(params){if(typeofparams!=='object'){return;}D......
  • JS文件夹上传解决方案
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持......
  • JS通过后台返回的Url下载文件
    需求:JS下载后台返回的url场景:用过window.open和window.location.href,效果不理想,都是打开一个新的网页(碰到txt和png是直接打开,不下载) 上代码:functiondownFile(id,file......