JavaScript隨機生成顏色的方法
更新時間：2016年10月15日 15:37:29 作者：li_han
這篇文章主要介紹了JavaScript隨機生成顏色的方法的相關(guān)資料,非常不錯，代碼簡單易懂，具有參考借鑒價值，需要的朋友可以參考下
廢話不多說了直接給大家貼js代碼了，具體代碼如下所述：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn1">調(diào)用第一種</button>
<button id="bnt2">調(diào)用第二種</button>
<button id="btn3">調(diào)用第三種</button>
<script>
var btn1=document.getElementById('btn1');
btn1.onclick=function(){
document.body.style.background=bg1()
};
var btn2=document.getElementById('bnt2');
btn2.onclick=function(){
document.body.style.background=bg2();
};
var btn3=document.getElementById('btn3');
btn3.onclick=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新特性`其他字符串{$變量名}`替換
}
</script>
</body>
</html>
以上所述是小編給大家介紹的JavaScript隨機生成顏色的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的，在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
相關(guān)文章
服務(wù)器安全設(shè)置的幾個注冊表設(shè)置...2007-07-07
流程編輯器是一種用于創(chuàng)建、編輯和管理流程圖的工具,它提供了一個可視化的界面,使用戶能夠以圖形化的方式定義和配置流程的各個步驟、條件和流程間的關(guān)系,說明關(guān)于bpmn.js的一些事件, 通過本文你可以了解到,感興趣的朋友一起看看吧2023-10-10
knockoutjs模板實現(xiàn)樹形結(jié)構(gòu)列表
這篇文章主要介紹了knockoutjs模板實現(xiàn)樹形結(jié)構(gòu)列表的實現(xiàn)代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-07-07
這篇文章主要介紹了JavaScript實現(xiàn)隱藏省略文字效果的方法,涉及javascript基于事件響應(yīng)實現(xiàn)頁面字符串元素的獲取、截取、設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
layui問題之模擬table表格中的選中按鈕選中事件的方法
今天小編就為大家分享一篇layui問題之模擬table表格中的選中按鈕選中事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了淺談Webpack多頁應(yīng)用HMR卡住問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
端午節(jié)馬上就到了，聽說你們公司沒發(fā)粽子大禮包？沒關(guān)系，這里用?JS實現(xiàn)了一個簡單的接粽子小游戲，能接到多少粽子，完全看你手速，快跟隨小編一起來學(xué)習(xí)學(xué)習(xí)吧2022-05-05
一般情況下，使用 “=” 可以實現(xiàn)賦值。但對于數(shù)組、對象、函數(shù)等這些引用類型的數(shù)據(jù)，這個符號就不好使了。下面我們來詳細學(xué)習(xí)下吧2019-06-06
JavaScript作用域、閉包、對象與原型鏈概念及用法實例總結(jié)
這篇文章主要介紹了JavaScript作用域、閉包、對象與原型鏈,結(jié)合實例形式總結(jié)分析了javascript中變量與函數(shù)的作用域、閉包、對象、原形鏈相關(guān)概念、用法及注意事項,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了微信小程序-API接口安全詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07