Home>Article>Web Front-end> How to get random colors using jQuery

How to get random colors using jQuery

php中世界最好的语言
php中世界最好的语言 Original
2018-05-28 14:30:29 2314browse

This time I will show you how to use jQuery to obtain random colors, and what are theprecautions for using jQuery to obtain random colors. The following is a practical case, let's take a look.

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

.

Get any color< /h3>Effect:

##The following is a piece of code about several ways to generate random colors in js

     
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to use jquery toggleClass() attribute to create article paragraphs and change the background color


How to use Vue-based Lazy loading plug-in vue-view-lazy

The above is the detailed content of How to get random colors using jQuery. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn