JavaScript隨機生成顏色的方法
更新時間：2016年10月15日 15:37:29 作者：li_han
這篇文章主要介紹了JavaScript隨機生成顏色的方法的相關資料,非常不錯，代碼簡單易懂，具有參考借鑒價值，需要的朋友可以參考下
廢話不多說了直接給大家貼js代碼了，具體代碼如下所述：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn1">調用第一種</button>
<button id="bnt2">調用第二種</button>
<button id="btn3">調用第三種</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隨機生成顏色的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的，在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
本文給大家分享的是如何使用javascript實現(xiàn)JSON字符串轉JSON對象的方法，這里記錄下來，有需要的小伙伴可以參考下。2015-07-07
微信公眾平臺開發(fā)教程（四） 實例入門：機器人回復(附源碼)
本篇文章主要介紹了微信公眾平臺開發(fā)機器人，可以實現(xiàn)簡單對話和查詢天氣等，有需要的可以了解一下。2016-12-12
這篇文章主要介紹了微信小程序實現(xiàn)圖片滾動效果,結合實例形式分析了微信小程序基于swiper組件的圖片滾動效果相關實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2018-12-12
本文給大家介紹的是一篇國外網(wǎng)友寫的博客，講解的是關于實現(xiàn)復選框選中屬性的問題，感覺非常不錯，翻譯過來推薦給大家，希望小伙伴們能夠喜歡。2015-03-03
這篇文章主要介紹了js判斷一個對象是否在一個對象數(shù)組中，本文通過場景分析給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2022-08-08
這篇文章主要給大家介紹了關于JavaScript鼠標禁止右鍵禁止打開控制臺及鍵盤禁用的相關資料,實現(xiàn)禁止右鍵和禁止打開控制臺是一種常見的網(wǎng)頁保護技巧,可以防止非法復制、盜取網(wǎng)頁資源等安全問題,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了Django模板繼承 extend標簽實例代碼，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
生成一個2000*5的表格，每個單元格的內容是行號+逗號+列號，具體的實現(xiàn)過程如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
JavaScript hasOwnProperty() 函數(shù)實例詳解
hasOwnProperty()函數(shù)用于指示一個對象自身(不包括原型鏈)是否具有指定名稱的屬性。下面通過本文給大家分享JavaScript hasOwnProperty() 函數(shù)實例講解，感興趣的朋友一起看看吧2017-08-08
本文通過2個示例來給大家分享了下原生javascript結合ajax實現(xiàn)數(shù)據(jù)請求的方法以及原理，非常的簡單實用，有需要的小伙伴可以參考下2016-04-04