JS之獲取隨機顏色4種方法

2021-09-18 05:48:26 字數 982 閱讀 2377

1、實現方法:『0123456789abcdef』[math.floor(math.random()*16)])隨意擷取字串中的乙個字元,然後判斷字串的長度是否為6,如果是,則返回color,如果不是,color : arguments.callee(color)返回正在執行的函式,即(color += 『0123456789abcdef』[math.floor(math.random()*16)])並將color作為引數傳進去;

var

getrandomcolor

=function()

)('')

;}

2、把math物件,用於生成顏色值的字串提取出來,並利用第三個引數來判斷是否還繼續呼叫自身,當5減為0的時候,一共就有留個字元,再加上最後c=0時前面新增上『#』。
var

getrandomcolor

=function()

)(math,

'0123456789abcdef',5

)}

3、這個實現非常逆天,雖然有點小bug。我們知道十六進製制表示的顏色值是從#000000到#ffffff,後面那六位數是16進製制數,相當於"0x000000"到"0xffffff"。這實現的思路是將hex的最大值ffffff先轉換為10進製,進行random後再轉換回16進製制。
var

getrandomcolor

=function()

//將0xffffff轉化為10進製

var result =

parseint

("0xffffff",16

).tostring(10

);console.

log(result)

;//16777215

4、通過hsb生成隨機顏色
var

getrandomcolor

=function()

參考文件:

隨機獲取一種顏色值的三種方法

閒來無事,想起了初中時流行的山寨手機的跑馬燈。於是想動手自己做乙個。那會的跑馬燈都是紅藍兩色居多,俗。我這種二十一世紀的潮流人士肯定得做那種千百種顏色的。奼紫嫣紅,美哉。這樣做的話,顏色值就不能乙個乙個手寫了,於是想做成不確定的顏色。第一種寫法 function colorrandom 第二種寫法 ...

JS獲取URL中引數值的4種方法

方法一 正則法 function getquerystring name return null 這樣呼叫 alert getquerystring 引數名1 alert getquerystring 引數名2 alert getquerystring 引數名3 方法二 split拆分法 funct...

獲取屏寬的4種方法

方法一 12 3windowmanager wm windowmanager this.getsystemservice context.window service int width wm.getdefaultdisplay getwidth int height wm.getdefaultdi...