html随机获取颜色代码,JavaScript随机生成颜色的方法

废话不多说了直接给大家贴js代码了,具体代码如下所述:

调用第一种

调用第二种

调用第三种

var btn1=document.getElementById('btn1');

btn1.οnclick=function(){

document.body.style.background=bg1()

};

var btn2=document.getElementById('bnt2');

btn2.οnclick=function(){

document.body.style.background=bg2();

};

var btn3=document.getElementById('btn3');

btn3.οnclick=function(){

document.body.style.background=bg3();

};

function bg1(){

return '#'+Math.floor(Math.random()*256).toString(10);

}

function bg2(){

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

}

function bg3(){

var r=Math.floor(Math.random()*256);

var g=Math.floor(Math.random()*256);

var b=Math.floor(Math.random()*256);

return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换

}

以上所述是小编给大家介绍的JavaScript随机生成颜色的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本之家网站的支持!

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值