html标签随机颜色实例代码,jQuery获取随机颜色的实例代码

1.js

//获取十六进制颜色

function randomColor1(){

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

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

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

if(r < 16){

r = "0"+r.toString(16);

}else{

r = r.toString(16);

}

if(g < 16){

g = "0"+g.toString(16);

}else{

g = g.toString(16);

}

if(b < 16){

b = "0"+b.toString(16);

}else{

b = b.toString(16);

}

return "#"+r+g+b;

}

$("h3").css("color",randomColor1());

2.html

.

获取任意颜色

效果：

下面在看一段代码关于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新特性`其他字符串{$变量名}`替换

}

总结

以上所述是小编给大家介绍的jQuery获取随机颜色的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！