javascript隨機變色實例代碼

1.打開網頁，網頁效果如圖所示

我們提供的服務有：網站制作、做網站、微信公眾號開發、網站優化、網站認證、北京ssl等。為上1000家企事業單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的北京網站制作公司

javascript隨機變色實例代碼

代碼如下：

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>隨機變色</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.思考：如何隨機變換div塊的背景顏色

添加隨機函數
顏色的表示方式 rgb(隨機數，隨機數，隨機數)
添加多次定時器

<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);

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

以上代碼非常簡單，大家可以嘗試運行下，感謝大家的學習和對創新互聯的支持。

網站欄目：javascript隨機變色實例代碼
標題路徑：http://newbst.com/article20/jhcico.html

成都網站建設公司_創新互聯，為您提供企業建站、響應式網站、營銷型網站建設、品牌網站建設、自適應網站、用戶體驗

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

javascript隨機變色實例代碼