欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript隨機(jī)變色實(shí)例代碼

 更新時間：2019年10月15日 08:11:54   作者：入夢歸來  
在本篇文章里小編給大家分享的是關(guān)于javascript隨機(jī)變色的相關(guān)實(shí)例內(nèi)容，需要的朋友們可以測試下。

1.打開網(wǎng)頁，網(wǎng)頁效果如圖所示

代碼如下：

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>隨機(jī)變色</title>
 <style type="text/css">
  #box{
   width: 200px;
   height: 200px;
   border: 1px solid red;
  }
 </style>
</head>
<body>

<div id="box"></div>
<script type="text/javascript">
 // 獲取元素對象
 var obj1 = document.getElementById("box");
 // 給元素添加屬性
 obj1.style.background = 'rgb(255,255,0)'; // 注意：添加的屬性類型 是字符串類型 ！?。?
</script>
</body>
</html>

2.思考：如何隨機(jī)變換div塊的背景顏色

  • 添加隨機(jī)函數(shù)
  • 顏色的表示方式 rgb(隨機(jī)數(shù)，隨機(jī)數(shù)，隨機(jī)數(shù))
  • 添加多次定時器
<body>

<div id="box"></div>
<script type="text/javascript">
 // 獲取元素對象
 var obj1 = document.getElementById("box");
 // 給元素添加屬性
 // obj1.style.background = 'rgb(255,255,0)';

 // 多次定時器
 setInterval(function(){
  obj1.style.background = "rgb("+rand(0,255)+","+rand(0,255)+","+rand(0,255)+")";
 },200);

 // 隨機(jī)函數(shù)
 function rand(n,m){
  return Math.floor(Math.random()*(m-n+1));
 }
</script>
</body>

以上代碼非常簡單，大家可以嘗試運(yùn)行下，感謝大家的學(xué)習(xí)和對腳本之家的支持。

相關(guān)文章

最新評論