JS里面利用random()實現隨機顏色更換


首先你需要一個div

<div id="box"></div>

然后給這個div加入CSS屬性

#box{width:500px;height:500px;border:1px solid red}

然后在JS代碼:

var box=document.getElementById("box");
function fn(){
var a=parseInt(Math.random()*10);
var b=parseInt(Math.random()*10);
var c=parseInt(Math.random()*10);
var d=parseInt(Math.random()*10);
var e=parseInt(Math.random()*10);
var f=parseInt(Math.random()*10);
var g="#"+a+b+c+d+e+f;
box.style.background=g;
}
setInterval("fn()",1000);
這樣就能實現簡單的背景顏色隨機改變
理論上每種顏色是由六位數字組成的
但是測試時函數里面只要a,b,c就可以實現
也就是這樣:
function fn(){
var a=parseInt(Math.random()*10);
var b=parseInt(Math.random()*10);
var c=parseInt(Math.random()*10);
  var g="#"+a+b+c
}
setInterval("fn()",1000);





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM