<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    #dv {width: 100px;height: 100px;}
  </style>
</head>
<script>
  window.onload=function(){
    var oDv = document.getElementById('dv');
      oDv.style.backgroundColor='red'
    setInterval(function(){
      var arrRandNumber = [
          getRandomNumber(0,255),
          getRandomNumber(0,255),
          getRandomNumber(0,255)   
        ];
 
      oDv.style.backgroundColor='rgb('+arrRandNumber[0]+','+arrRandNumber[1]+','+arrRandNumber[2]+')'
         
        function getRandomNumber(rMin,rMax){
          var cha = rMax-rMin;
          var rand = Math.random();
          //return (rMin+Math.round(cha*rand))
        }
       
    },500)
     
    //alert(getRandomNumber(0,255))
  };
</script>
<body>
  <div id="dv"></div>
</body>
</html>

以上所述就是本文給大家分享的全部內(nèi)容了，希望能夠?qū)Υ蠹覍W(xué)習(xí)使用javascript有所幫助。

您可能感興趣的文章:

相關(guān)文章

js中addEventListener()與removeEventListener()用法案例分析
這篇文章主要介紹了js中addEventListener()與removeEventListener()用法,結(jié)合實例形式分析了js中addEventListener()與removeEventListener()基本功能、用法與操作注意事項,需要的朋友可以參考下
2020-03-03
JS調(diào)用安卓手機攝像頭掃描二維碼
這篇文章主要為大家詳細介紹了JS調(diào)用安卓手機攝像頭掃描二維碼，并用JS解析二維碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10
JS實現(xiàn)仿百度輸入框自動匹配功能的示例代碼
本篇文章主要是對JS實現(xiàn)仿百度輸入框自動匹配功能的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
js實現(xiàn)簡單計算器
一個簡潔的網(wǎng)頁JS計算器，附詳細代碼釋義。通過下邊的效果演示就可以看到，這是一個挺小的js網(wǎng)頁計算器，界面美化的我想還是不錯的，畢竟在沒有使用任何圖片修飾的情況下，很好看，而且功能挺實用，可以完成基本的數(shù)學(xué)算數(shù)運算。
2015-11-11
js純數(shù)字逐一停止顯示效果的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s純數(shù)字逐一停止顯示效果的實現(xiàn)代碼。小編覺得非常不錯?，F(xiàn)在分享給大家。給大家一個參考
2016-03-03
javascript函數(shù)的call、apply和bind的原理及作用詳解
javascript函數(shù)的call、apply和bind?本質(zhì)是用來實現(xiàn)繼承的，專業(yè)點說法就是改變函數(shù)體內(nèi)部this的指向，當(dāng)一個對象沒有某個功能時，就可以用這3個來從有相關(guān)功能的對象里借用過來，文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下
2023-05-05
ES6 如何改變JS內(nèi)置行為的代理與反射
這篇文章主要介紹了ES6 如何改變JS內(nèi)置行為的代理與反射，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-02-02
JavaScript函數(shù)的使用詳解
這篇文章主要為大家介紹了JavaScript函數(shù)的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
uni-app中彈窗的使用與自定義彈窗
眾所周知彈窗在我們實際開發(fā)場景中是非常常用的,最近在工作中就遇到了相關(guān)需求,所以下面這篇文章主要給大家介紹了關(guān)于uni-app中彈窗使用與自定義彈窗的相關(guān)資料,需要的朋友可以參考下
2022-04-04
js實現(xiàn)文章目錄索引導(dǎo)航(table of content)
這篇文章主要介紹了js實現(xiàn)文章目錄索引導(dǎo)航(table of content),需要的朋友可以參考下
2020-05-05