<!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>

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

您可能感興趣的文章:

相關(guān)文章

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