最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(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ù))
  • 添加多次定時(shí)器
<body>

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

 // 多次定時(shí)器
 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)文章

最新評論

吉安县| 浮山县| 昭平县| 夹江县| 安阳县| 德昌县| 东阿县| 云霄县| 获嘉县| 金阳县| 绥德县| 罗甸县| 永平县| 金平| 酉阳| 上饶县| 红原县| 荣成市| 江油市| 得荣县| 吐鲁番市| 邹平县| 杂多县| 东源县| 五大连池市| 绥中县| 三门峡市| 祁连县| 奈曼旗| 苏尼特左旗| 沅江市| 潮州市| 刚察县| 高陵县| 新邵县| 县级市| 伊金霍洛旗| 寻乌县| 娱乐| 五家渠市| 大理市|